React native 错误:对象作为子对象无效? 导出默认类应用程序扩展组件{ 构造函数(){ 超级(); 此.state={ 值:“编辑我!” }; this.handleChangeText=this.handleChangeText.bind(this); } handleChangeText(新文本){ 这是我的国家({ 值:newText }); } render(){ 返回( 你好{this.state.value} ); }

React native 错误:对象作为子对象无效? 导出默认类应用程序扩展组件{ 构造函数(){ 超级(); 此.state={ 值:“编辑我!” }; this.handleChangeText=this.handleChangeText.bind(this); } handleChangeText(新文本){ 这是我的国家({ 值:newText }); } render(){ 返回( 你好{this.state.value} ); },react-native,React Native,我对react native不熟悉。我在hello{this.state.value}行中遇到错误。我如何解决此问题。请帮助我你能试试吗 export default class App extends Component<Props> { constructor() { super(); this.state = { value: "Edit me!" }; this.handleChangeText = this.handleCha

我对react native不熟悉。我在hello{this.state.value}行中遇到错误。我如何解决此问题。请帮助我

你能试试吗

export default class App extends Component<Props> {
constructor() {
    super();
    this.state = {
        value: "Edit me!"
    };
    this.handleChangeText = this.handleChangeText.bind(this);


}

handleChangeText(newText) {
    this.setState({
        value: newText
    });
}


render() {
    return (
        <View style={styles.container}>
            <TextInput style={styles.editText}
                       onChange={this.handleChangeText}/>
            <Text>hello {this.state.value}</Text>
        </View>
    );
}
导出默认类应用程序扩展组件{
建造师(道具){
超级(道具);
此.state={
值:“编辑我!”
};
}
handleChangeText=(新文本)=>{
这是我的国家({
值:newText
});
}
render(){
返回(
你好{this.state.value}
);
}
}

可能重复@declannadozie,我不这么认为。两个错误都是相同的,但原因不同。解释应该是您需要使用
onChangeText
来接收文本类型。问题中的代码错误地使用了接收事件的
onChange
。因为这是一个对象而不是字符串,您将得到一个错误,如果您想要解释,该错误位于链接的重复问题中。您可以从事件对象中获取文本值,但对于
onChangeText
,这是不必要的。
export default class App extends Component<Props> {
  constructor(Props) {
      super(props);
      this.state = {
        value: "Edit me!"
      };
  }
  handleChangeText = (newText) => {
      this.setState({
          value: newText
      });
  }
  render() {
      return (
          <View style={styles.container}>
              <TextInput
                style={styles.editText}
                onChangeText={this.handleChangeText}
                />
              <Text>hello {this.state.value}</Text>
          </View>
      );
  }
}