javascript - 无法通过反应传递状态值

Question

我无法通过下面传递我的函数状态，我添加了 {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;

标签： javascriptreactjs

Answer 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”。