表单中的对象列表-react-native

如何解决表单中的对象列表-react-native

假设我有一个看起来像这样的父组件：

import React from 'react';
import {StyleSheet,View} from 'react-native';

const Parent = () => {
  const form = useForm({});
  const onSubmit = (data: any) => console.log(data);

  return <Child form = {form}/>;
};
const style = StyleSheet.create({});
export default Parent ;

子屏幕如下：

    import React from 'react';
    import {StyleSheet,View} from 'react-native';
    
    const Child= (props:any) => {
    const [firstName,onChangefirstName] = React.useState('');
    const [lastName,onChangelastName] = React.useState('');
    
      return 
(<View>
    <TextInput onChangeText={text => onChangefirstName(text)}/>
    <TextInput onChangeText={text => onChangelastName(text)}/>
    
    <Button title ="add" onPress={/// push to props.form.NamesArray}/>
    </View>
);};
    
    const style = StyleSheet.create({});
    export default Child;

如何使按钮的onPress属性将firstName和lastName添加到form.NamesArray作为对象？ 我试图用Google搜索它，但不幸的是，此lib在本机中的文档很差。

感谢您的帮助！