如何在react js中输入标记中用逗号分隔的输入数组

Question

我想使用一个输入字段从用户那里获取用逗号分隔的多个输入。 我使用onChange函数将用户输入存储在状态变量中。它存储每个数组索引中的每个字母。 例如，如果我输入红色，蓝色作为输入，则存储类似

Array[0]= R
Array[1]= e
Array[2]= d
Array[3]= ,
Array[4]= B
Array[5]= l
Array[6]= u
Array[7]= e

我想像

那样存储它们

 Array[0]= Red
 Array[1]= Blue

这就是我的onChange处理程序的样子：

changeHandler=(event)=> {
  this.setState({ 
    [event.target.name]:event.target.value
  })
}

我该怎么做？ 我是新的反应js，任何帮助将不胜感激。 谢谢。

Answer 1

使用逗号分隔符分割输入值：

this.setState({
    [e.target.name]:e.target.value.split(',')
  });

但是，如果您使用form，则最好使用onSubmit事件来执行这些操作。在'onChange'上只收集您的输入。只是一个建议。