React Native中的全局变量更新

时间:2018-10-04 10:31:49

标签: reactjs react-native react-native-android react-navigation

伙计们,我有一个全局变量,可以保存我的物品计数。还有一个类,可以包含文本框并在页眉上显示我的计数。 当我更新我的全局变量时..比如global.variable = 5 然后我将其更新为.. ++ global.variable。 它会更新其值,但当时无法为该文本框演唱 该文本框已在许多类中使用。 这是我的伯爵班

    class count  extends Component {
    constructor(props){
      super(props);
      state = {
        xyz:0
      }
    }


    render() {
      return (        
  <Text style={{color:'white',fontSize:10}}>{global.count}</Text>  
    )}
  }
export default count;

以这种方式我正在使用此类

<count />

我希望每当我执行global.count ++时,它都可以增加其值并更新文本框上的值,并且该文本在许多文件中使用,并且该项目在标题中 谢谢...

1 个答案:

答案 0 :(得分:1)

您可以将该变量置于状态,并且每次要更新此变量时,都可以使用this.setState({ yourvariable newValue })。在本机模式下,当您更改状态时,会再次调用函数render(),因此它将更改您的文本框值。

处理这种全局值的一种好方法是使用Redux共享应用程序中的全局状态,使用Redux可以保证将在应用程序的每个部分访问该值,该值是必需的。您可以在https://redux.js.org/

中了解有关redux的更多信息