Reactjs 三元函数的条件onClick
我正在尝试根据用户的位置触发onClick事件。 如果位置是“/favorites”,我想返回null,我已经尝试使用三元运算符来实现这一点,但找不到我的错误。以下是我尝试过的:Reactjs 三元函数的条件onClick,reactjs,ternary,Reactjs,Ternary,我正在尝试根据用户的位置触发onClick事件。 如果位置是“/favorites”,我想返回null,我已经尝试使用三元运算符来实现这一点,但找不到我的错误。以下是我尝试过的: {this.props.location==='/favorites' ? null : onClick={() => { this.props.updateFavsState(this.props.charact
{this.props.location==='/favorites' ? null :
onClick={() => {
this.props.updateFavsState(this.props.character);
this.setState(prevState => ({
loved: !prevState.loved
}));
}}
}
将逻辑放入函数中,并调用函数onClick事件,将位置作为参数传递给函数 解决方案:
handleClick = (location) => {
if (location === '/favorites') {
return null;
}
this.props.updateFavsState(this.props.character);
this.setState(prevState => ({
loved: !prevState.loved
});
}
// somewhere in your render component
onClick={() => { handleClick(this.props.location)}}
你想要的是
onClick={this.props.location==='/favorites' ? null :
() => {
this.props.updateFavsState(this.props.character);
this.setState(prevState => ({
loved: !prevState.loved
}));
}}