React 动态刷元素

Question

比如有这样的字符串： 观看?分钟课程，发送?积分

我需要吧字符串中的?改成input输入框，并为输入框绑定change事件。

字符串中?的数量是不固定的

Answer 1

先把字符串转换成数组，然后循环

  this.state.ruleOriginalArr.map((item, index)=> {
    if (index < this.state.ruleOriginalArr.length - 1) {
      return <span>{item} + <InputNumber onChange={(v) => { this.ruleChange(v, index)}} /></span>
    }else {
      return <span>{item}</span>
    }
  })

Answer 2

var items = str.split('?').reduce((state, item, index) => {
  if (index) {
    state.push(<input onChange={changeHandler} />)
  }
  state.push(item)
  return state
}, [])