/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 vote225 views1 answer
Inline z-index react
Javascript React
1 vote250 views1 answer
React create list of components
Javascript React
3 votes193 views1 answer
How to call a function in react with arguments onclick
Javascript React
0 vote234 views1 answer
How to use radio buttons in react class-based components
Javascript React
4 votes219 views3 answers
How to add google map in react js
Javascript React
1 vote246 views1 answer
React material ui classname
Javascript React
4 votes213 views1 answer
How to empty form after submit in react
Javascript React
0 vote209 views1 answer
Reactnative print in ios
Javascript React
0 vote216 views1 answer
React tagInput component
Javascript React
0 vote238 views1 answer
Redirect to another path react
Javascript React