React js get value from input quantity

Question

I am having trouble with an input I'm trying to get the input of quantity then I have a onClick event that execute the function

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

how do i get a new value on input value is al value={item.quantity} is always number that can't be changed?

need more context to understand what you are trying to do

user120242
– user120242

2016-03-10 02:46:28 +00:00
Commented Mar 10, 2016 at 2:46 — user120242
– user120242, Commented Mar 10, 2016 at 2:46

lux · Accepted Answer · 2016-03-10 05:58:51Z

1

We can use refs to access the DOM node itself, from which we can obtain the value.

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

Component

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

edited Mar 10, 2016 at 5:58

answered Mar 10, 2016 at 5:43

lux

8,4977 gold badges38 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React js get value from input quantity

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related