/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

3 votes172 views2 answers
React native image fit container
Javascript React
10 votes137 views4 answers
React hooks
Javascript React
133 votes310 views6 answers
Using bootstrap with react
Javascript React
2 votes121 views5 answers
React native debugger
Javascript React
0 vote118 views1 answer
How to stop server of react js
Javascript React
25 votes137 views5 answers
Image react
Javascript React
7 votes125 views1 answer
The path argument must be of type string. received undefined react
Javascript React
1 vote129 views1 answer
Column width table react
Javascript React
9 votes137 views2 answers
Android center text react native
Javascript React
1 vote129 views1 answer
Tailwind css react craco package.json
Javascript React