javascript - 访问React类组件的返回变量

Question

我有一个返回整数的 react 组件。类组件的结构如下:

class MyClass extends Component {
   constructor(props) {
        super(props);
        this.state = {
            variable : 0
        }
    }
    componentDidMount(){
       // do some works
       this.setSate({variable:$someValue});
    }
    render(){
        var temp = this.state.variable;
        return temp;
    }
}

我需要在渲染中的 React 的另一个类组件中获取从 MyClass 返回的值。 如果我打电话，

render () {
  return (
    <div>{Myclass}</div>
  );
}

效果很好。有没有办法调用这个外部返回，并将值分配给变量？

Answer 1

尝试使用“this.props”来代替。你可以传递这样的东西

   class MyClass extends Component {
   constructor(props) {
        super(props);
        this.state = {
            variable : 0
        }
    }
    componentDidMount(){
       // do some works
       this.setSate({variable:$someValue});
    }
    render(){
        const {variable} = this.state
        return (
             <MyOtherClass variable = {variable}/>
         );
    }
}

在 MyOtherClass 中:

render() {
    const {variable} = this.props
    return (
        <div>{variable}</div>
    );
}