react中碰到的问题

1、在webpack编译时没有报错，但是在访问时出现了:
Warning: setState(…): Cannot update during an existing state transition (such as within render or another component’s constructor).

解决方法：
修改render函数中添加的click等事件的调用方法

<div className="react-selected" onClick={this.ShowSelectOption()}>
=>
<div className="react-selected" onClick={()=>{this.ShowSelectOption()}}>

2、通过数组渲染列表返回，出现了：
Warning: Each child in an array or iterator should have a unique “key” prop.

解决方法：
在列表li中添加key属性

<li data-value={item.value}>{item.text}</li>
=>
<li key={index} data-value={item.value}>{item.text}</li>

3、在react中添加HTML属性：
因为div没有focus、blur事件，但是我想要通过触发div的blur事件来修改参数，在div上添加tabindex属性可以使div支持focus、blur事件，但是通过data-和aria-,甚至直接写tabindex方式都出现了问题，data-直接显示的data-tabindex,aria-和tabindex则报错了，后面在网上找到一篇资料-React从入门到精通系列之(24)DOM Elements,上面说到HTML的tabindex属性对应于react中的tabIndex属性，将tabindex改成tabIndex,发现问题解决了。

赏

PREVIOUS NEXT