/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

0 vote332 views1 answer
Render blaze in react
Javascript React
14 votes335 views4 answers
&& in react jsx
Javascript React
1 vote353 views1 answer
React lottie player on hover
Javascript React
1 vote321 views1 answer
How to populate a checkbox from an api react
Javascript React
0 vote361 views1 answer
Take site to top after clicking in react
Javascript React
0 vote317 views1 answer
Run react android
Javascript React
-1 vote318 views4 answers
React native reset cache
Javascript React
0 vote328 views1 answer
React Fontawesome Thumbs Up/Down rating (showcases background icon hiding)
Javascript React
0 vote341 views1 answer
Provider not found react
Javascript React
2 votes385 views1 answer
React router 6 navigate
Javascript React