/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 vote160 views2 answers
Upload image react
Javascript React
18 votes157 views1 answer
Get specific characters from state variable reactjs
Javascript React
1 vote162 views1 answer
Reactjs javascript is mobile and desktop
Javascript React
0 vote162 views1 answer
React native showing double header stack and drawer menu
Javascript React
1 vote175 views1 answer
Google font in react native
Javascript React
93 votes256 views6 answers
Install react router dom
Javascript React
0 vote182 views2 answers
Remove the warning for setState on unmounted components in React
Javascript React
1 vote186 views1 answer
Image touchable opacity react native
Javascript React
1 vote195 views1 answer
Running scripts is disabled on this system react js
Javascript React
0 vote195 views1 answer
React shadow
Javascript React