/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 vote339 views1 answer
React-native-dropdown-picker for form react native
Javascript React
0 vote342 views1 answer
Chromepicker react-color not working
Javascript React
14 votes361 views4 answers
Conditional classname prop react
Javascript React
0 vote345 views1 answer
React hero slider
Javascript React
0 vote329 views1 answer
Webpack react proxy not working
Javascript React
0 vote364 views1 answer
Activez la compression de texte react js
Javascript React
7 votes394 views3 answers
Conditional style prop react
Javascript React
0 vote312 views1 answer
A react component can only return]
Javascript React
3 votes339 views1 answer
React pass props to children
Javascript React
1 vote342 views2 answers
React chartjs 2
Javascript React