/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 votes149 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
0 vote129 views1 answer
Images not displaying in react
Javascript React
2 votes143 views1 answer
React dynamic import
Javascript React
0 vote168 views1 answer
React cleanup meas
Javascript React
0 vote135 views1 answer
Bot react message with custom emoji
Javascript React
7 votes135 views3 answers
Conditional style react
Javascript React
1 vote148 views1 answer
Vim react snippets
Javascript React
61 votes132 views6 answers
Reactjs router
Javascript React
0 vote129 views1 answer
How to style navigation drawer react navigation v5
Javascript React
0 vote132 views1 answer
Enzymes are proteins that speed up reactions by
Javascript React