/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 votes168 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
0 vote196 views1 answer
React big calendar event color
Javascript React
0 vote208 views2 answers
Remove the warning for setState on unmounted components in React
Javascript React
0 vote175 views1 answer
Mdn react
Javascript React
0 vote184 views1 answer
Get nested value on object react using dot
Javascript React
1 vote238 views1 answer
React component key prop
Javascript React
0 vote191 views1 answer
React-phone-number-input retur message in react hook form
Javascript React
0 vote185 views1 answer
Edit json text react
Javascript React
0 vote185 views1 answer
Alert, react native alert
Javascript React
3 votes190 views1 answer
Latest react version npm
Javascript React