Javascript 在嵌套函数上更改状态
我试图从更改父组件状态的子组件运行一个方法,但是,它给了我一个最大更新深度超出错误。以下是我的渲染方法:Javascript 在嵌套函数上更改状态,javascript,reactjs,Javascript,Reactjs,我试图从更改父组件状态的子组件运行一个方法,但是,它给了我一个最大更新深度超出错误。以下是我的渲染方法: return ( <div> {this.state.options.map(option => ( <Permitoption onClick={this.handleClick(option.id)} > </Permitoption
return (
<div>
{this.state.options.map(option => (
<Permitoption
onClick={this.handleClick(option.id)}
>
</Permitoption>
))}
</div>
);
}
}```
how can I access the state?
返回(
{this.state.options.map(option=>(
))}
);
}
}```
我怎样才能进入这个州?
正如注释中指出的,当您使用()
时,您是在调用函数而不是分配函数
您可以将ID分配给组件,并在函数调用中使用它,类似于以下内容:
<Permitoption id={option.id} onClick={this.handleClick} >
我只是从头开始写的,但我想你可以从这里开始…你正在调用函数
this.handleClick
而不是分配给onClick
。添加更多代码或详细说明你的问题没有解决它,我仍然有超过最大更新深度的错误嗯,那么你能更新你的答案并发布更多的代码吗?也许还有别的。。。
const handleClick = (event) => {
const id = event.currentTartget.id;
}