reactjs - 通过 ref 将视图添加到另一个

Question

如何通过 refs 将不同的视图添加到视图底部（之后</Text>和之前</View>）

例如：

addView()
{
What code is needed?
}

render() {
   return (
    <View>
<TouchableOpacity
onPress={() => this.addView() }
>
      <View refs="access">
        <Text>Hello</Text>
        Here it is dynamic
      </View>
</TouchableOpacity>
    </View>
   )
}

Answer 1

您可以像这样添加状态值切换：

编辑：要对多个视图执行此操作，您只需使用一个数组

state = {displays: [false, false, false, false, false]}

toggleDisplay = (i) => {
  let newDisplays = [...displays]
  newDisplays[i] = !newDisplays[i]
  this.setState({displays: newDisplays}) 
}

render() {
  const { displays } = this.state
  displays.map((display, i) => (
    <View>
      <TouchableOpacity
        onPress={(i) => this.toggleDisplay(i)}
      >
        <View refs="access">
          <Text>Hello</Text>
          {display && <Text>{'Something Here'}</Text>}
        </View>
      </TouchableOpacity>
    </View>
  ))
}