如何使用onChange处理Reactjs中的多个表单域?

时间:2017-09-06 19:49:36

标签: javascript reactjs

我正在努力让这个表单起作用,但是当我尝试输入表单字段时,没有任何反应。

首先,我输入的文本会同时出现在字段中,然后我改变了一些东西。

现在它根本不起作用......

我认为这是onChange的一个问题,但我不确定。

以下是代码:

container = tree.cssselect(".text-large")

for item in container:
    post = item.xpath('./a')[0].text or " "
    date = item.xpath('./following-sibling::p/span[@class="date-display-single"]')[0].text or " "
    author = item.xpath('./following-sibling::p[@class="text-sans"]')[0].text.strip() or " "
    print(post+'\n', date+'\n', author)

感谢您的帮助!

2 个答案:

答案 0 :(得分:1)

除了丢失的一件小事外,你的代码应该可以正常工作 在您的更改处理程序中,您使用 Exit Sub MainErrorHandler: With Err Select Case .Number Case ERR_VeryReallyTerriblyBad .Raise .Number 'rethrow Case Else MsgBox .Description End Select End With ,但缺少event.target.name个元素的name属性 例如:

<input />

Title: <input name="title" value={this.state.title} onChange={this.handleChange} /> 属性当然应该对应于状态属性。

答案 1 :(得分:0)

我怀疑问题是你的元素没有type =“submit”,所以表单永远不会提交。 onChange事件可能正确触发(尽管bennygenel指出,输入字段应该有一个“name”属性,以使状态更改工作!)