如何继续将数据绑定到外部组件

Question

我有一个调用component的函数。 我想将主要组件的值绑定到外部组件。

我将值置于主要组件的状态，并在外部调用它们

构造函数中的状态：

this.state={test: 'testDatas'}

这是我主要组件中的功能：

buildForm(labels) { 
    let form=[];
    //const {navigation} = this.props;
    for (elementy of labels){ 
        if(elementy[0] ==="STRING"|| elementy[0]==="CURRENCY"){  
             form.push([<Text style={styles.text}>{elementy[2]}</Text>,this.buildFormItem(<MyTextInput/>), <Text>{elementy[1]}</Text>]) 
        } 
    } 
} 

和外部功能：

export default function MyInput(){
    const[value, onChangeText]=React.useState(TemplateContact.state.test);

    return (
        <TextInput
          style={{ height: 50, borderWidth: 1 }}
          onChangeText={text => onChangeText(text)}
          value={JSON.stringify(value)}
        />
      );
}

我希望能够将我的值绑定到外部组件，但仍然会收到错误消息：

  

未定义不是对象