如何在反应本机中的按钮上添加视图组件



我的问题是:我想在每次按键时渲染一个视图组件。但它只是默认调用 2 次。按钮不工作。我不知道我哪里做错了。请帮忙。谢谢。

function renderBottomComponent() {
        console.log("here");
            return (
                <View>
                    <Content />
                </View>
            )
    }

  <View style={styles.List}>
                       <View> 
                           <Content abc={this.mhandler} hel={'hahah'}/>
                       </View>
                       {this.renderBottomComponent()}
                </View>

<Button title="Add more" color='green' onPress={this.renderBottomComponent} />
export default class YourClass extends React.Component() {
  constructor(props) {
    super(props);
    this.state = {
        renderComponent: false
    };
    this.onClickHandler = this.onClickHandler.bind(this);
  }
  onClickHandler() {
    this.setState({renderComponent: !this.state.renderComponent})
  }
  render() {
    return (
        <View>
            {this.state.renderComponent && <YourComponent/>}
            <Button title="Add more" color='green' onPress={this.onClickHandler} />
        </View>
    );
}

我希望对您有所帮助

最新更新