无法将数据从子功能组件传递到React父组件(React.js)[重复]

Question

class Parent extends Component {

    getData = (data) => {
        if (data) return data;
    };

    render () {
        <AutoComplete passData={this.getData} />
        // after some other elements
        {this.getData()}
    }

}

export const Child = (props) => {
    ...
    const updateSuggestion = (suggestions) => {
        this.props.passData(suggestions);
    }
}

getData = (data) => {
    if (data) console.log(data);
};

getData = (data) => {
    if (data) return <p>Hello</p>;
};

我完全不知道这里发生了什么，如果有任何帮助，我将不胜感激！

Answer 1

你不能用

{this.getData()}

当组件第一次呈现时，这些{this.getdata()}将没有数据

您不需要返回数据，而是需要使用state方法，该方法将再次呈现组件，以便您的数据将显示在内部呈现（请参见此处输入链接描述）