我正在阅读Reactjs中关于不变异数据的。我不理解文档示例中两段代码之间的区别:
handleClick() {
// This section is bad style and causes a bug
const words = this.state.words;
words.push('marklar');
this.setState({words: words});
}
以及:
handleClick() {
this.setState(prevState => ({
words: prevState.words.concat([
我有一个数组,我想从用户的输入中添加一个新的名称。在我的部分,我有:
<div>
<h4>Add A Player</h4>
<input
type="text"
placeholder="Enter a new name"
value={this.state.newPlayerName}
/>
<button onClick={this.handleAddPlayer}>
Press to Add Player
</button>
&l
我已经在react中创建了一个json基础表单。当我尝试将我的状态添加到change事件时,它只显示实际的元素。我想在我的state.SERVICE对象中放入3个输入域。
state = {
SERVICES: [],
ITEMS: []
};
handleChange = event => {
const { name, value } = event.target;
this.setState({ [name]: value });
//It shows all the ele
因此,我有如下的反应状态
[ state, setState] = useState(new Set([1,2,3]))
我想要不断地向集合中添加一组元素,我如何做到这一点?它对数组很简单,只需使用setState(prev=>[...prev,...newElem])就可以完成,但是如何在一组中完成。
const newElems = new Set([4,5,6]) //These are new Elements that need to be appended
setState(prev=>new Set([..prev,...newElems])) //This c