将表单数据传递到另一个组件React Native

Question

我有一种形式，其中输入的数据必须呈现在不同的组件中。我遵循了有关Udemy的教程，但该教程实际上并没有起作用。我必须将一个prop传递给子组件（窗体），并在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不是函数。有人可以帮我吗？