/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 vote254 views1 answer
My env.local file not working in my react app usind mac
Javascript React
8 votes260 views1 answer
React.Fragmen
Javascript React
0 vote270 views1 answer
React catch error in component
Javascript React
0 vote268 views1 answer
Duplicate module name: React Native hasteimpl react native android
Javascript React
1 vote257 views2 answers
Hide react source
Javascript React
15 votes240 views6 answers
React forms
Javascript React
0 vote254 views2 answers
Disable a button react
Javascript React
1 vote205 views1 answer
Class and id in react
Javascript React
2 votes234 views2 answers
React 17
Javascript React
0 vote226 views4 answers
React router v6
Javascript React