Question

我试图将一个变量从函数传递给我的React return（）函数。我不确定执行此操作的最佳方法是：

class SaveOfferModal extends Component {

  toggleSuccess() {
    const { initialValues, formValues } = this.props;
    if (initialValues !== formValues) {
      const getChangedValues = diff(initialValues, formValues);
      const showChangedValues = JSON.stringify(getChangedValues, 0, 2);
      console.log(showChangedValues);
    }

    this.setState({
      success: !this.state.success
    });
  }

render() {
return ( 
        <Button
          color='success'
          onClick={this.toggleSuccess}
          disabled={isDisabled}
          className='saveOfferBtn'
        >
          Save Offer
        </Button>
)
}

谢谢！我正在尝试将getChangedValues变量传递给return（）函数！

Answer 1

您可以使用state来做到这一点。例如，如果您有一个要在渲染中显示的计数变量

incrementCount() {
  this.setState((state) => {
    return {count: state.count + 1}
  });
}

handleSomething() {
  this.incrementCount();
  this.incrementCount();
  this.incrementCount();
}
render()
{
return ( 
        <Segment> The updated value of count is {this.state.count} </Segment>
)
}

您还可以使用道具从外部注入变量。

将变量从函数传递到React return（）函数

1 个答案: