/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 vote144 views2 answers
React native setstate object
Javascript React
-1 vote134 views1 answer
React native smart splash screen
Javascript React
19 votes223 views6 answers
Convert svg to react component
Javascript React
0 vote165 views1 answer
How to calc() height in react native for styling
Javascript React
0 vote152 views1 answer
React bootstrap col not working
Javascript React
1 vote136 views1 answer
React why onclick property function trigger without click
Javascript React
113 votes177 views4 answers
New create react app
Javascript React
0 vote173 views1 answer
React router path array
Javascript React
0 vote165 views1 answer
How to make a github api using react
Javascript React
3 votes149 views2 answers
How to get current screen name in react native
Javascript React