无法通过反应传递状态值答案

【问题标题】：Unable to pass state value through react无法通过反应传递状态值
【发布时间】：2019-09-25 14:17:43
【问题描述】：

我无法通过下面传递我的函数状态，我添加了 {state.name.user} 和 {onInputChange} 但我遇到了错误。

<Navigation isSignedIn={isSignedIn} onRouteChange={onRouteChange} />
            { route === 'home'
              ? <div>
                  <Logo />
                  <Rank
                    name={state.user.name}
                    entries={state.user.entries}
                  />
                  <ImageLinkForm
                    onInputChange={onInputChange}
                    onButtonSubmit={onButtonSubmit}
                  />
                  <FaceRecognition box={box} imageUrl={imageUrl} />
                </div>
              : (
                 route === 'signin'
                 ? <Signin loadUser={loadUser} onRouteChange={onRouteChange}/>
                 : <Register loadUser={loadUser} onRouteChange={onRouteChange}/>
                )
            }
            <Footer />
          </div>
        );
      }
    }

    export default App;

【问题讨论】：

你能显示错误和你的状态定义吗？

标签： javascript reactjs

【解决方案1】：

这是一个简单的修复，对于

<Navigation isSignedIn={isSignedIn} onRouteChange={this.onRouteChange} />
            { route === 'home'
              ? <div>
                  <Logo />
                  <Rank
                    name={this.state.user.name}
                    entries={this.state.user.entries}
                  />
                  <ImageLinkForm
                    onInputChange={this.onInputChange}
                    onButtonSubmit={this.onButtonSubmit}
                  />
                  <FaceRecognition box={box} imageUrl={imageUrl} />
                </div>
              : (
                 route === 'signin'
                 ? <Signin loadUser={this.loadUser} onRouteChange={onRouteChange}/>
                 : <Register loadUser={this.loadUser} onRouteChange={onRouteChange}/>
                )
            }
            <Footer />
          </div>
        );
      }
    }

    export default App;

始终确保您之前通过“.this”。

【讨论】：