如何在 2 个组件之间传递参数并在 "componentWillMount()" 中使用它 - 我正在使用 react-navigation

Question

这是我需要的示例

// This view should receive the parameter before render()
componentWillMount(){
    fetch(parameterHere)
}

这张图片只是上面代码的图片。 image

Answer 1

通过将其作为 prop 从父组件传递给子组件，在父子组件之间传递值。

class ComponentA extends React.Component {
    render() {
        <ComponentB mProp={someValue}/>
    }
}

class ComponentB extends React.Component {
    componentWillMount() {
        fetch(this.props.mProp);
    }

    render() {
        ...
    }
}

通过将该 prop 提升到共享父组件并在父组件中管理该 prop 的值来在两个子组件之间传递值

class ParentComponent extends React.Component {
    onChangeMProp = (newValue) => {
        this.setState({ someValue: newValue });
    }

    render() {
        const { someValue } = this.state;

        return (
            <div>
                <ComponentA 
                    onChangeMProp={this.onChangeMProp} 
                    mProp={someValue}
                />
                <ComponentB 
                    onChangeMProp={this.onChangeMProp} 
                    mProp={someValue}
                />
            </div>
        )
    }
}

如何在 2 个组件之间传递参数并在 "componentWillMount()" 中使用它 - 我正在使用 react-navigation

how to pass a parameter between 2 components and use it inside a "componentWillMount()" - I'm using react-navigation

reactjs

react-native

react-navigation