反应为什么我不能用this.setState改变显示状态
问题：为什么我不能用this.setState改变显示状态？
回答： 在React中，使用this.setState方法来更新组件的状态是常见的做法。然而，有时候我们可能会遇到无法使用this.setState来改变显示状态的情况。这通常是由于以下几个原因：
- 错误的上下文绑定：在React组件中，如果没有正确地绑定事件处理函数的上下文，即没有使用bind方法或箭头函数来绑定this，那么在事件处理函数中使用this.setState将会导致错误。解决方法是在构造函数中使用bind方法或者使用箭头函数来绑定this，确保事件处理函数中的this指向组件实例。
- 异步更新：React中的this.setState方法是异步的，这意味着在调用this.setState后，状态不会立即更新。React会将多个this.setState调用合并为一个更新操作，以提高性能。因此，如果在调用this.setState后立即访问状态，可能会得到旧的状态值。如果需要在状态更新后执行某些操作，可以使用this.setState的回调函数参数。
- 不可变性原则：React鼓励使用不可变的数据来管理组件的状态。这意味着在更新状态时，应该创建一个新的状态对象，而不是直接修改原始状态对象。如果直接修改状态对象，React可能无法检测到状态的变化，从而无法正确地重新渲染组件。因此，应该使用this.setState方法的函数形式来更新状态，而不是直接修改状态对象。
综上所述，如果无法使用this.setState改变显示状态，可以检查上下文绑定是否正确，确保在正确的上下文中调用this.setState方法。同时，要注意this.setState是异步的，需要使用回调函数来处理状态更新后的操作。另外，遵循React的不可变性原则，使用函数形式的this.setState来更新状态，而不是直接修改状态对象。
腾讯云相关产品推荐：
相关·内容
你好，我有一个问题，我想创建一个弹出式窗口，当你按下按钮时，弹出式窗口将显示flex而不是显示none。我将react状态中的popup的样式设置为易于修改，从none修改为flex，但我创建了触发此更改的函数，并得到错误，以下是我的代码 state = { displaystyle: { }, const hand
浏览 42提问于2020-07-09得票数 0
2回答
我正在使用react创建一个简单的todo应用程序。我有components for title，添加任务和列出任务。“我的标题”组件接受一个支柱来显示任务数组中的项目数。我已经把我的代码附在下面export default class App extends React.Component{ superthis.addItem = this.addItem.bind(this)
a
浏览 4提问于2020-10-02得票数 0
回答已采纳
1回答
嗨，我是很新的反应，我想要实现的东西，原来是真正的痛苦，我不知道什么是最好的解决办法。aliasSelectionResponse: copiedResource}) {
this.setState但是，如果我成功地合并了一个条目，我就会得到一个带有密钥存储项别名的响应，这个别名现在应该添加到KeystoreEntryList状态中。<em
浏览 1提问于2021-05-25得票数 1
回答已采纳
我是新手来回应JS。我正在尝试编制setState示例程序，以更改文本，同时使用下面的代码单击按钮。: 'state example'} alert("I was clicked"); this.setState控制台返回的内容不包含setState。这就是原因吗？Object
replaceState: undefined
state
浏览 0提问于2019-07-31得票数 1
回答已采纳
我怎么能用那样的东西？$(window).resize(function() { this.setState({slidesToShow:1}) this.setState({slidesToShow:2}) }
})
浏览 3提问于2019-09-18得票数 0
回答已采纳
我正在显示数据在ag网格反应和网格已经出现了条件细胞渲染基于状态。这是我的密码。这是第一次运行，并显示“耶”按钮。当我单击按钮时，我想用NOOO按钮进行更改。this.changebutton()}>YEAH</button> <button onClick= {() => this.changebutton()}>NOOOO</button>
浏览 0提问于2018-12-21得票数 4
1回答
我有这个组件在我的反应应用程序。这基本上是每秒钟更新一次状态。但是<p>{this.state.time}</p>的值并没有改变。我打印状态值，它每秒钟都在变化。handleCountdown(){ console.log(this.state) this.set
浏览 0提问于2018-11-10得票数 1
回答已采纳
我使用React来呈现输入的type=“文本”。我知道，如果使用value属性，React将呈现只读文本框。因此，我自己编写了一个小组件(见下文)。value: self.renderDefault(self.props.value, '')}; handleOnChange: function(event) {
this.setStateplaceholder={this.renderDefault(this.props.placeholder, '&#
浏览 4提问于2015-05-08得票数 3
回答已采纳
2回答
我有棱角和Vue的经验，并开始学习反应。this.variableName = 'new value';this.setState({});
浏览 1提问于2018-02-19得票数 4
回答已采纳
1回答
我有一个按钮，当我点击它时，按钮会改变它的状态。但我得加倍努力才能改变这个州。我控制台记录了它，在第一次单击时，它显示为空白，当我再次单击它时，它将更改其状态。下面是我的代码： constructor(props) {
super(props);this.selectionOnPressOne = this.selectionOnPressO
浏览 0提问于2018-09-14得票数 0
回答已采纳
1回答
我是代码分裂我的创建-反应-应用程序与反应路由器根据他们在他们的README.md：提供的链接export default functionasync componentDidMount() {
浏览 8提问于2017-10-26得票数 0
回答已采纳
3回答
我和React的事件处理程序有些混淆var SearchBar = React.createClass({ return {word:''}; handleChange: function(event){
this.setState({word:event.target.valueplaceholder="Enter search te
浏览 0提问于2015-10-07得票数 1
回答已采纳
所以，我想找出最好的方法：export default class Main extends TrackerReact(Component) {open(e) {
浏览 1提问于2017-04-04得票数 7
回答已采纳
在反应中，我尝试了两种方法：
它们都起作用为什么建议(在文档中)设置为状态克隆(使用Object.assign)而不是设置为状态本身？状态的对象标识是否在反应中起作用(没有Redux)？似乎只要您调用setState，不管
浏览 0提问于2018-06-04得票数 2
回答已采纳
我尝试使用sortByTitle()函数按字母顺序对这些行进行排序。我非常确定排序方法是正确的，但是我调用它的地方肯定有一些东西使它无法工作，并且它根本不会改变数组。rows = rows.filter(elm => elm[selector].toLowerCase().includes(e.target.value.toLowerCase())); rows.sort((a, b
浏览 25提问于2019-10-09得票数 0
回答已采纳
2回答
我正在学习React/Redux ()教程。本教程的这一部分向页面添加了一个简单的表单，并将每个条目添加到另一节中。addNinja = (ninja) => { let ninjas = [...this.state.ninjas, ninja];
state = { age: null,};
handleChange = (e)
浏览 0提问于2018-12-02得票数 0
回答已采纳
我在3个不同的文件中列出了很多这样做的代码，所以我将给你一些我认为对理解这个问题至关重要的东西。我有我的状态当我尝试setState一个函数时，console.log不会显示更新的信息。this.state.items];
itemsArr.forEach((oneI
浏览 1提问于2019-03-15得票数 1
我正在开发一个React组件，它封装了Graph组件的。我的组件应该呈现一个特定的图，并提供一个按钮来向图中添加一个节点。 var graph = this.state.graph; this.setState此外，单击按钮将按预期更改状态。但是，图形可视化不会改变</em
浏览 2提问于2017-03-17得票数 3
回答已采纳
由于删除了对replaceState的支持，而setState执行，是否可以删除所有状态变量并通过添加新变量来更新状态，如下面的情况所示，而不直接改变(this.state)状态？
浏览 1提问于2017-12-26得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
