如何在React JS中点击添加来自字段的新输入时，将" add“按钮固定在顶部

constructor(props) {
  super(props);
  this.state = {
    inputs: []
  };
}

render() {
  return (
    <div>
      {this.state.inputs.map((input, index) => (
        <input key={index} value={input} onChange={this.handleInputChange} />
      ))}
      <input value="" onChange={this.handleInputChange} />
      <button onClick={this.handleAddClick}>Add</button>
    </div>
  );
}

handleInputChange = (event, index) => {
  const newInputs = [...this.state.inputs];
  newInputs[index] = event.target.value;
  this.setState({ inputs: newInputs });
}

handleAddClick = () => {
  const newInputs = [...this.state.inputs, ""];
  this.setState({ inputs: newInputs });
}