Question

我想制作一个屏幕，顶部有两个按钮，喜欢的步骤：所以它是

Data1   Data2

some static text 

(if Data1 active-clicked)

 data 1 field
 data 1 field

 If Data2 clicked:

  Data 2 field

   Data 2 field

所以这只是变化的领域。

我有这样的表格：

 <View>
 <Text> Static text </Text>
  </View>
 <Form style={styles.form}>
        <Label style={styles.label}>
          data 1
        </Label>
        <Item >
          <Input
            value={this.state.data2}
          />
        </Item>
        <Label style={styles.label}>
          Data2
        </Label>
        <Item>
          <Input
            value={this.state.data2}
          />
        </Item>
      </Form>

        <Button
        onPress={this.SubmittedData.bind(this)}
        style={styles.button}
      >
        <Text style={styles.buttonText}>Submit</Text>
      </Button>

所以它是需要来回更改的表单部分。这个逻辑/结构如何在本机中起作用？我之前只使用过角度，我开始学习反应。我主要是想了解各州的管理方式。任何指导或示例？感谢。

Answer 1

基本上我建议你使用导航库但对我来说我更喜欢React-Navigation。（https://reactnavigation.org/）他们有tabNavigator，你可以实现两个按钮并根据每个Route Component分配内容..

基本上像： -

datetime

或者如果您想尝试改变状态..您可以使用普通if或es6 if条件来渲染您喜欢的组件..

它看起来像这样：

>>> import pandas as pd
>>> dataframe.loc[:, 'DATE'] = pd.to_datetime(dataframe.loc[:, 'DATE'])

希望这会帮助你了解如何改变反应中的数据，如果我的解释不是真的可以理解，那就很抱歉。

按钮点击更改视图内容

1 个答案: