/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

1 vote290 views2 answers
Open websute react native
Javascript React
0 vote251 views2 answers
Animation react
Javascript React
1 vote214 views1 answer
How to install formik in react native
Javascript React
0 vote252 views1 answer
React native getstream
Javascript React
0 vote266 views1 answer
How to embed an expression in react js
Javascript React
17 votes274 views5 answers
How to run react native app
Javascript React
1 vote279 views1 answer
Is a good idea to add class in react hooks with document.body.addclasslist
Javascript React
2 votes250 views1 answer
Can't import react bootstrap
Javascript React
2 votes265 views1 answer
Npm install --save react-native-vector-icon
Javascript React
4 votes240 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React