React-Native:按下按钮时添加按钮

时间:2017-12-19 02:25:24

标签: react-native

我无法解决的一个简单问题是: 让我们说我有一个按钮,如果我按下那个按钮,我想要另一个按钮出现。想象一下按钮创建作为循环的东西,所以我不能有一个预定义的按钮列表,我只是显示或隐藏。

React可以使用 react.createElement()创建,但我似乎无法正确使用createElement。

我是否可以通过反应创建元素? (有点像反对实际创建新html的反应的性质)

   Easier说:我目前正在开发一个计算多个出发地和目的地之间的公共路线的应用程序,我想让用户能够输入尽可能多的出发地和目的地,因为他喜欢后端算法可以处理它。

1 个答案:

答案 0 :(得分:1)

您可以尝试这样的事情:

state = {
  buttons: []
}

createButton() {
  let { buttons } = this.state

  const button = (
    <Button 
      onPress={this.createButton.bind(this)} 
    />
  )

  buttons.push(button)

  this.setState({
    buttons
  })
}

renderItem({ item }) {
  return (
    <View>
      {item}
    </View>
  )
}

render() {
  return() {
    <FlatList 
      data={this.state.buttons}
      renderItem={(item) => this.renderItem()}
    />
  }
}