一键输入后输入失去对React的关注

Question

在textinput和textarea输入中的每次击键操作之后，它们都失去了焦点，这对我来说很奇怪，因为我在主页上以完全相同的方式进行输入，并且它们可以正常工作。我尝试将onchange更改为箭头函数，这可以阻止它们失去焦点，但是更改状态的函数永远不会被调用。

constructor(props) {
    super(props);
    this.state = {
      show: false,
    };
  }
  setBugTitle = e => {
    this.setState({ BugTitle: e.target.value });
    console.log(this.state.BugTitle);
  };
  setBugDescription = e => {
    this.setState({ BugDescription: e.target.value });
    console.log(this.state.BugDescription);
  };

render() {
const Group = () => {
 <Provider store={store}>
            <div className="App">  
              <div className="flex-container">
                <div className="bugSubmission">
                  <ul id="newBug">
                    <h3>Submit New Bug</h3>
                    <li>
                      <input
                        type="text"
                        placeholder="Title..."
                        value={this.state.BugTitle}
                        onChange={this.setBugTitle.bind(this)}
                      ></input>
                    </li>
                    <li>
                      <textarea
                        placeholder="Enter Description..."
                        value={this.state.BugDescription}
                        onChange={this.setBugDescription.bind(this)}
                      ></textarea>
                    </li>
                  </ul>
                </div>
    <Provider />
}}