如何解决如何在 ReacJS 的 onChange 中为不在 onChange 中的 prop 赋值?
我有一个多步表单组件,我需要更新从不同组件发送的状态。 在第一个组件中我有状态:
export class BookForm extends Component {
constructor(){
super()
this.state = {
service: '',price: ''
现在我有了这个方法:
handleChange = input => event => {
this.setState({
[input]: event.target.value
});
}
我将此方法与其他道具一起传递给不同的组件,每当“onChange”发生时,我都会使用内部道具的名称调用它,如下所示:
onChange={this.props.handleChange("service")}
这样 onChange 事件就会分配给道具。
我有一个问题,因为我有一个从 API 返回的值,我需要将它分配给一个道具。 我无法在没有“onChange”的情况下从第二个组件分配 prop 内的值。 有没有一种方法可以传递给我可以使用的组件?我在这里展示的函数适用于 onChange。
非常感谢!
编辑: 这是子组件的部分:
<select
class="form-drp-btn"
onChange={this.props.handleChange("service")}
onInput={(e) => {this.setPrice(e)}}
>
步骤是这样的: 通过“onChange”,我得到了选择的服务。使用“onInput”,我得到了从 API 返回的价格并属于特定服务。 现在,我想将此值分配给来自父组件的“价格”状态。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。