在推送到React Native中的另一个屏幕时必须使用分解道具分配

Question

我试图在React Native中从登录屏幕导航到仪表板屏幕。

但是，它引发以下错误。

Must use destructuring props assignment [react/destructuring-assignment]

我的代码是

loginMethod() {
//some code
if (Success) {
          this.props.navigator.push({
            Component: Dashboard
          });
        this.state.props.navigator.immediatelyResetRouteStack([{
      Component: Dashboard
    }]);

}

}

我对React Native还是很陌生，有什么建议吗？

Answer 1

这是ESLint错误。您可以通过将navigator提取到单独的变量中来解决此问题。

loginMethod() {
  //some code
  if (Success) {
     const { navigator } = this.props;

     navigator.push({
        Component: Dashboard
     });
  }
}

这应该可以解决您的错误。

Answer 2

这是错误提示。您需要更改代码。使用解构

 loginMethod() {
    //some code
    if (Success) {
             // using destructuring
              const {navigator} = this.props;
              navigator.push({
                Component: Dashboard
              });    
              navigator.immediatelyResetRouteStack([{
                Component: Dashboard
             }]);
    }       
}