/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 vote205 views1 answer
How to add a key in a react element
Javascript React
1 vote197 views1 answer
How to update version of dependencies reactjs
Javascript React
-2 votes207 views1 answer
Multiple image upload react
Javascript React
0 vote206 views1 answer
Nested ternaries react
Javascript React
-1 vote198 views1 answer
Set className with ref react
Javascript React
0 vote212 views1 answer
Refresh page by hand in react
Javascript React
0 vote214 views4 answers
Reactnative sliding image
Javascript React
0 vote209 views1 answer
Add image to ag-grid with react
Javascript React
0 vote215 views1 answer
React Hook useEffect has missing dependencies: 'cart' and 'user._id'. Either include them or remove the dependency array react-hooks/exhaustive-deps
Javascript React
2 votes197 views1 answer
Redux React redux
Javascript React