Javascript 如何将值从输入传递到按钮？

有一个字段，其中注册了文件形成的静态路径。我已将此字段设置为可编辑，以防用户希望根据自己的意愿更改队形的路径

жжжжжжжжжжжзззззззззззззз

create_文件（`${test_path}.xmind`）}
name=“创建文件”
/>

---

如何将用户修改后的路径传输到按钮？

您需要为

输入组件引入一个状态

只需引用它（通过道具、状态管理器等传递）

例如，
输入
名为
值的值状态
：

//带挂钩
函数InputValueToButton（）{
const[value，setValue]=使用状态（testPath）；
返回(
setValue（e.target.value）}
type=“text”
value={value}
/>
创建_文件（`${value}.xmind`）}/>
);
}

如果您使用的React版本不支持挂钩，则可以使用类实现相同的功能：

// React classes
class InputValueToButton extends React.Component {
  state = {
    value: testPath
  };
  render() {
    return (
      <div className="App">
        <input
          onChange={e => this.setState({ value: e.target.value })}
          type="text"
          value={this.state.value}
        />
        <button>{this.state.value}</button>
      </div>
    );
  }
}

//React类
类InputValueToButton扩展了React.Component{
状态={
值：testPath
};
render（）{
返回(
this.setState（{value:e.target.value}）}
type=“text”
value={this.state.value}
/>
{this.state.value}
);
}
}

此示例使用React挂钩，因此您需要使用React的最新版本