React Native在使用react状态和redux状态之间呈现视图的最快方法是什么?

时间:2018-10-12 11:10:36

标签: reactjs react-native redux

我在iOS和Android上使用了react-native-maps,也在地图上使用了许多标记。

所以我真的需要尽可能快地渲染视图。

在以下这些方法中,最快的方法是什么?

仅Redux

const mapStateToProps = (state) => ({
  a: state.a
});

render() {
  return (
    this.props.a ? (<View>isA</View>) : (<View>isNotA</View>)
  );
}

来自Redux的反应状态

state = { a: false }

static getDerivedStateFromProps(nextProps, prevState) {
  if (nextProps.a !== prevState.a) {
    return ({ a: nextProps.a })
  }
}

render() {
  return (
    this.state.a ? (<View>isA</View>) : (<View>isNotA</View>)
  );
}

1 个答案:

答案 0 :(得分:0)

我什至没有看到视图之前都会装载道具。假设您需要B页上的数据 要进入B页,您需要单击A页上的按钮。

加载页面A后,您需要页面B所需的数据。导航到页面B时,您只需通过路由器传递属性,然后就可以从页面B组件的开始使用这些属性。

您对此有何看法?