javascript - 如果需要如何加载数据？ react /减少。无SSR

Question

是否可以根据需要加载数据？

例如:我第一次加载挑战列表时，我进入了详细信息页面。现在我将刷新页面并会出现类似挑战未定义的错误，因为仅在加载挑战列表时调用api。

那么问题是如何只在 store 为空时再次调用 api？

谢谢!

Answer 1

你可以这样设置你的状态:

this.setState({
  challenges :data
});

当您导航到详细信息页面时，您可以将其作为 Prop 传递给子组件:

render{
  return(
    <Details challenges={this.state.challenges }/>
  );
}

在详细信息组件中，您可以访问数据

this.props.challenges

并将其存储在变量或您的组件状态中。这样您就可以始终保留您的数据