在本机反应中，我应该使用什么来代替 componentWillMount

Question

ComponentWillMount 已被重命名和弃用，不建议使用

  constructor(props) {
super(props);
this.state = {
  cartItems: []
};}


componentWillMount() {
AsyncStorage.getItem("CART", (err, res) => {
  if (!res) this.setState({ cartItems: [] });
  else this.setState({ cartItems: JSON.parse(res) });
});}

在渲染之前我应该​​怎么做才能获取 cartItems ？？

Answer 1

有一个经验法则。您的旧代码（实现componentWillMount）是否有任何副作用？不，这只是一个初始化，您可以在 constructor 内进行。如果您需要执行副作用（例如 API 调用），您应该改用 componentDidMount

state = { cartItems : [] } 

componentDidMount() {
    AsyncStorage.getItem("CART", (err, res) => {
        if (!res) this.setState({ cartItems: [] });
        else this.setState({ cartItems: JSON.parse(res) });
    });
}