如果这两个组件在react native中的单独文件中定义,如何访问另一个组件中的一个组件状态

时间:2017-03-17 13:44:36

标签: react-native

我想访问一个组件中的状态集,该组件在一个文件中定义,例如one.js,要访问其他组件文件名Two.js.How如何访问其他组件中的一个组件的状态。

1 个答案:

答案 0 :(得分:4)

你在two.js中调用/ import one.js吗? 如果你这样做,你可以使用道具从one.js传递状态。

编辑:

要从页面访问另一个页面,您必须使用道具。在这种情况下,要从one.js访问状态到two.js,这就是你可以做的:

让我们假设PageOne是one.js中的一个类,你可以导入two.js:

import PageTwo from 'Two';
...
export default class PageOne extends React.Component{
 constructor(props) {
   super(props);
   this.state = { somethingSomething: 'whatever'};
 }
  render() {
   return (
     <View>
       <PageTwo propsname = {this.state.somethingSomething}>
       </PageTwo>
     </View>
   )
  }
}

在上面的代码中,您正在为PageTwo(two.js)传递状态,现在显示它:

…
export default class PageTwo extends React.Component{
  ...
  render() {
    return (
      <View>
        {alert(this.props.propsname)}
      </View>
    )
  }
}