checkbox 选中更新

小太阳ymy

于 2020-10-19 18:12:19 发布

阅读量288

点赞数

分类专栏：遇到问题解决问题文章标签： es6 reactjs

本文链接：https://blog.youkuaiyun.com/weixin_40567167/article/details/109165806

版权

遇到问题解决问题专栏收录该内容

14 篇文章

订阅专栏

这篇博客探讨了在ReactJS应用中处理Checkbox选中状态更新的问题。内容指出，单纯使用ES6语法可能无法实现状态的正确更新，需要采用特定的React方式来确保组件的状态得到正确反映。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

{
    tabaleWeekHeadData.map((item,index) => (
        <div key={item} className={styles.head_text}>
             <Checkbox disabled={isView} checked={this.validationCheck(newItem, Number(index) +1)} onChange={() => {this.checkChangeHandle({newItem, index: Number(index) +1})}} /> 
        </div>
     ))
}

  checkChangeHandle = ({newItem, index}) => {
    this.setState((prevState) => 
       return {
        	detailList: prevState.detailList.push({
	         	"beginTime" : newItem,
	           	"periodDay": index
         	})
      }
    )
  }

用上面的代码是不会更新的，要用下面的代码才能更新

  checkChangeHandle = ({newItem, index}) => {
    this.setState((prevState) => 
      ({ detailList:[...prevState.detailList, { "beginTime":newItem, "periodDay":index }]}
      ) 
    )
  }