Question

我遇到输入问题我正在尝试获取数量输入然后我有一个执行函数的onClick事件

 <input type="number" name="quantity" min="1" max="10" value={item.quantity}  className="form-control"/>



 UpdateItem: function(_id) {
                $.ajax({
          url: 'http://localhost:3000/update/' + _id,
          type: 'PUT',
          data:"",
          success: function(result) {
              window.location.reload();
          }
        });
                  }

如何获得输入值的新值是al value = {item.quantity}始终是无法更改的数字？

Answer 1

我们可以使用refs来访问DOM节点本身，我们可以从中获取值。

http://codepen.io/mikechabot/pen/QNNRyp?editors=0011

<强>组件

class Example extends React.Component {
  updateItem() {
    const input = this.refs.myInput;
    console.log(input.value);
  }
   render() {
        return (
          <div >
            <input ref="myInput" type="number" />
            <button onClick={() => this.updateItem()}>Log Value</button>
          </div>
        )
    }
}

React js从输入数量中获取值

1 个答案: