草庐IT

Reactjs-setState

全部标签

javascript - Reactjs 将方法作为 Prop 传递给 child

有没有办法将当前类的方法作为props传递给子类举个例子;varSignupModal=React.createClass({mixins:[CheckMixin],getInitialState:function(){return{'wizardstate':0}},setWizardState:function(state){varthat=this;switch(state){case0:that.setState({'wizardstate':0});break;case1:that.setState({'wizardstate':1});break;case2:that.se

javascript - 具有历史的 Reactjs

我正在尝试使用reactjs处理历史记录,以使浏览器的后退和前进按钮直观地工作。有没有这方面的例子,或者我应该遵循的一般准则?谢谢! 最佳答案 这与您在没有React.js的情况下处理历史的方式并没有太大不同。对我来说效果很好的是:我有一个顶级组件,它在this.state中保存应用程序的状态。我正在使用Backbone的路由器,所以当我从路由器收到一个事件时(以某种方式加载或更改了URL),我调用setState来更新顶部-级别组件的状态。当我自己更新状态时,我确保也调用路由器的导航方法来更新URL。似乎工作得很好:你可以在我的小

javascript - Axios ReactJS - 无法读取未定义的属性 'setState'

我在ReactJS中做一件简单的事情时收到错误“TypeError:无法读取未定义的属性‘setState’”。我正在尝试使用axios用响应数据填充输入。到目前为止没有成功。我对axios和ReactJs都很陌生,所以它可能是我忽略的非常简单的东西?我希望在修复TypeError后,“RESPONSETEXT”会出现在表单的输入字段中。这是我的组件:classBasicInfoBlockextendsReact.Component{constructor(props){super(props);this.state={name:"EventTestName"};}componentD

javascript - 使用 Reactjs 获取滚动位置

我使用reactjs并希望通过click事件处理滚动。首先,我使用componentDidMount渲染了帖子列表。其次,通过列表中每个帖子的点击事件,它会显示帖子详细信息并滚动到顶部(因为我将帖子详细信息放在页面的顶部位置)。第三,通过点击帖子详细信息中的“关闭按钮”,它会返回之前的帖子列表,但我希望网站将滚动到恰好点击帖子的位置。我是这样使用的:点击事件查看帖子详情:inSingle=(post,e)=>{this.setState({post:post,theposition://Howtogetithere?});window.scrollTo(0,0);}我想获得thepos

javascript - ReactJS - 渲染调用,但 DOM 未更新

这在我身上发生过几次。我一直设法解决这个问题,但我仍然很想了解为什么会发生这种情况,以及我错过了什么。基本上,如果我的render方法中有一个条件,它指定了我的div的类:letdivClass=this.state.renderCondition?'red':'blue';默认情况下,我将状态中的renderCondition设置为false。如果我然后在按钮上定义一个onClick处理程序(如下所示),然后单击该按钮,同时调用渲染IS,DOMNOT已更新。也就是说类没有变化。onClickCompile:function(){this.setState({renderConditi

javascript - 如何使用 ReactJS 添加 <script> 标签?

我需要声明一个javascript函数,如下所述:render:function(){return(functionmyFunction(index,row){returnindex;);}但是,它不编译:“解析错误:第113行:意外的token返回”如何使用ReactJS添加标签?更新我正在尝试使用bootstrap-tabledetailview.该函数作为参数传递给网格,用于呈现行的详细信息。另请参阅example'ssourcecode以便更好地理解。当我尝试你所说的方式时,它编译了,但根本不起作用:这是它的样子(在上面的例子中):这就是我用得到的结果

javascript - 使用 'url' 属性时 ReactJS 不从服务器获取数据

我是ReactJS的初学者,刚从theexamplecodeonReact'sofficialsite开始.当我尝试'Fetchingfromtheserver'部分中的代码时,我无法让它工作。两种相对路径我都试过了React.render(,document.getElementById('content'));和绝对路径React.render(,document.getElementById('content'));但是它们都没有正确运行。当我查看Chrome开发工具中的网络面板时,我看到该页面甚至没有发送对data.json的请求。因此我得到了一个错误:Cannotreadpr

javascript - this.setState 是否在 react 中返回 promise

我使我的componentWillMount()异步。现在我可以将await与setState一起使用。示例代码如下:componentWillMount=async()=>{const{fetchRooms}=this.propsawaitthis.setState({})fetchRooms()}所以这里的问题是this.setState返回promise因为我可以使用await吗?编辑当我放置await时,它会按顺序运行1,2,3当我删除await时,它会运行1,3,2??componentWillMount=async()=>{const{fetchRooms}=this.pr

javascript - 调用 setState() 函数时会发生什么?

setState()函数运行什么?它只运行render()吗? 最佳答案 WhatdoesthesetState()functionrun?Doesitonlyrunrender()NosetState不仅调用了render()函数,而且在setState之后,下面的生命周期函数会根据shouldComponentUpdate返回如果shouldComponentUpdate返回true(默认情况下为true)。1.shouldComponentUpdate2.componentWillUpdate3.render()4.compo

javascript - 模拟点击文档 ReactJS/JSDom

所以我正在为在文档上添加点击事件的代码编写一些测试。我正在使用JSDom、ReactJS和Mocha/Chai设置。我在测试中尝试了以下代码:document.addEventListener('click',function(){console.log('test');});React.addons.TestUtils.Simulate.click(document);//alsotriedReact.addons.TestUtils.Simulate.click(document.body);但是这段代码并没有产生我期望的回声。有没有办法用JSDom和ReactJS在文档上模拟点击