如何处理来自Post Map React JS的Form值输入

时间:2019-10-07 04:37:29

标签: reactjs

我有一个作业问题,我需要做一个urlBlacklist的handleForm,因为urlblacklist是我从映射中获取的并将其放入输入值,而我的问题是我如何编辑{{1}的字段},因为是句柄形式

urlBlacklist

因为我的值输入为event.target.name = event.target.value ,目标名称为h.urlBlacklisturlBlacklist,所以我无法编辑字段urlBlacklist上的任何内容,除非我将类型输入更改为select选项。谢谢。

code1

urlBlacklist

handleForm

    <FormGroup>
    <Label htmlFor="urlBlacklist">Url Blacklist</Label>

    {(this.state.post3.map(h => {

         if ( `${h.clientId}` === `${this.state.formData.clientId}`) {
                return <Input onChange={this.handleForm} value = {h.urlBlacklist} type="text"  name = "urlBlacklist" className="form-control" placeholder="URL Black List" required="" />

        }} 
    ))}                
    </FormGroup>

initialState

    handleForm = (event) => {
    let formDataNew = {...this.state.formData};
    formDataNew[event.target.name] = event.target.value;
    this.setState ({
      formData : formDataNew,

      })
    }

我希望我可以编辑urlBlacklist字段。感谢你们对我的帮助。

0 个答案:

没有答案