来自三元的条件 onClick

IT技术 reactjs ternary
2021-05-27 11:53:14

我正在尝试根据用户的位置触发 onClick 事件。如果位置是“/收藏夹”,我想返回 null 我已经尝试使用三元运算符来实现这一点,但找不到我的错误。这是我试过的:

             {this.props.location==='/favorites' ? null : 
                onClick={() => {
                    this.props.updateFavsState(this.props.character);
                    this.setState(prevState => ({
                      loved: !prevState.loved
                    }));
                  }}
                }
2个回答

将逻辑放在函数中并调用函数 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
      }));
}}