H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【Web前端问题】React 动态刷元素

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

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

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

回答:

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

  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>
    }
  })

回答:

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

本文地址:H5W3 » 【Web前端问题】React 动态刷元素

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址