小编Mic*_*elh的帖子

我试图通过在 app.js 中执行 onchange 事件来更新标头组件的标题，但似乎无法正确绑定它们。因此，当用户输入内容时，它将在标题组件中显示文本。

应用程序JS

 import React, { Component } from 'react';

    import './App.css';
    import Header from './Header';

    class App extends Component {

      constructor(props) {
        super(props);
       this.state = {name: "Michael"}

      }

       handleChange(e) {
         const name = e.target.value;
         this.changeTitle(name);
       }

      render() {
        return (
          <div className="App">
            <Header changeTitle={this.changeTitle.bind(this)} title={this.state.name}/>
            <p className="App-intro">
              Type here to change name.
            <input type="text" onChange={this.handleChange.bind(this)}/>
            </p>
          </div>
        );
      }
    }

    export default App;

标题.JS

import React, { Component } from 'react';
import logo from './logo.svg';

class …