/Javascript/React/Clear form inside modal after close reactjs

Clear form inside modal after close reactjs

If the data from the inputs is in your component you can try something like this : In closeModal you can set the initial state of the component


const initialState = { name: null, inStock: null, price: null, type:null }

closeModal = () => {
        this.setState({ 
         ...initialState,
         modalIsOpen: false 
        });
    }
But if the stat of the inputs is coming from the Parent you need a new method to reset the data of the parent component that cpuld be added as a callback in the same method.

const initialState = { name: null, inStock: null, price: null, type:null }

closeModal = () => {
        this.setState({ 
         modalIsOpen: false 
        }, () => {
        this.props.resetInputData();
      });
    }

Similar codes

38 votes142 views2 answers
How to write a comment in react js
Javascript React
4 votes122 views4 answers
Class component react
Javascript React
0 vote119 views1 answer
Fetch data from asyncstorage react native
Javascript React
0 vote110 views1 answer
React hooks link to external site
Javascript React
1 vote117 views1 answer
React spread operator
Javascript React
0 vote103 views1 answer
Keyboard avoidance view not working on react native
Javascript React
1 vote109 views1 answer
React stripe npm
Javascript React
14 votes101 views2 answers
Photo in React native
Javascript React
29 votes103 views3 answers
Creating react app using npx
Javascript React
2 votes113 views1 answer
How to use `setState` callback on react hooks
Javascript React