Reactjs使用不同的文件更改变量

时间:2017-05-21 05:05:18

标签: javascript reactjs react-native

我有2个文件'主页'和'菜单'

这是menu.js

 import Menu from './Menu.js';
  module.exports = class Main extends Component {

    render() {
      return (
        <View>

          <Menu />
        </View>
      );
    }
  };

这是主页面(main_page.js)

{{1}}

我想通过触发main_page.js中的一些函数来更改menu.js中的变量值。我怎么能这样做?

1 个答案:

答案 0 :(得分:1)

我认为,您需要通过父组件Main 而不是在Menu中维护状态,并将值和函数从Main传递给Menu组件。从Menu中调用传递函数并传递要更改的值。

使用此功能从菜单中调用更改功能:

student_hash

像这样写:

this.props.change('abc')