Передача данных формы в другой компонент React Native - PullRequest
Новая
       19

Передача данных формы в другой компонент React Native

0 голосов
/ 16 апреля 2020

У меня есть форма, в которой введенные данные должны быть представлены в другом компоненте. Я следовал учебному пособию по Udemy, но на самом деле это не сработало. Я должен передать реквизит дочернему компоненту (форме) и отобразить его в paretn (где должен быть представлен Result), но без визуализации формы. Я попробовал это до сих пор: 

 const AddListView = (props) => {
      const [enteredListData, setEnteredData] = useState('');

      const listDataHandler = (enteredListData) => {
        setEnteredData(enteredListData);
      }



      return (
        <View style={({ height: 50 }, styles.font)}>
          <Header>
            <Title style={styles.font}>Liste Hinzufügen</Title>
          </Header>

          <Card title="Listen Name"> 
            <View>
              <Form>
                <Input
                  onChangeText={listDataHandler}
                  value={enteredListData}

                />
                  </View>
                  <View>
                    <Button
                      round

                      onPress={() => props.onAddList(enteredListData)}
                    >
    </View>
</View>
</View>

, так что onAddlist при печати - это моя функция в другом компоненте здесь: 

const [name, setItems] = useState([]);

const addListHandler = listTitle => {
    setItems(currentData => [...currentData,
    {value: listTitle}

    ])
    console.log(enteredListData)
    }

<AddListView onAddList={addListHandler}/>

return (
    <View>        
Here it should be rendered but i tried to test it with log but it did not work.
</View>

Я получаю ошибку, что мой props.onAddlist не функция. Кто-нибудь может мне помочь?

...