how to update value in reactjs

Question

    constructor(props) {
        super(props)

        this.state = {
            isEdit: false,
            currentProduct : {
                sku: '',
                productName: '',
                description: '',
                duration: '',
            },
        }       
    }    

handleChange = (e) => {
            this.setState({
              currentProduct: {
               ...this.state.currentProduct,
               [e.target.name]: e.target.value
              }
          })
       }

    clickHandle = (e) => {
        e.preventDefault()
        const currentProduct = {...this.state.currentProduct}
        currentProduct.id = this.props.match.params.id

        this.props.updateProduct(currentProduct)
        this.props.history.push('/')
    }

When updating field it updates the values but when i goes again to update single value it update only that and removes the other don't know why

Can you please share a demo?

Hardik Chaudhary
– Hardik Chaudhary

2019-12-30 11:10:32 +00:00
Commented Dec 30, 2019 at 11:10 — Hardik Chaudhary
– Hardik Chaudhary, Commented Dec 30, 2019 at 11:10

akhtarvahid · Accepted Answer · 2019-12-30 11:03:37Z

2

handleChange = (e) => {
        this.setState({
           ...this.state.currentProduct,
           [e.target.name]: e.target.value
      })
   }

answered Dec 30, 2019 at 11:03

akhtarvahid

9,7992 gold badges30 silver badges33 bronze badges

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

1 Comment

Shivam Over a year ago

Not agree did you see constructor ?

Ayyappa Gollu · Accepted Answer · 2019-12-30 11:48:27Z

0

you are not destructuring entire state first. so do ...state. otherwise isEdit field will be lost.

  handleChange = e => {
    this.setState({
      ...this.state,
      currentProduct: {
        ...this.state.currentProduct,
        [e.target.name]: e.target.value
      }
    });
  };

answered Dec 30, 2019 at 11:48

Ayyappa Gollu

97610 silver badges19 bronze badges

Collectives™ on Stack Overflow

how to update value in reactjs

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related