/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

4 votes372 views1 answer
How to creat emmet in react
Javascript React
1 vote388 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
40 votes377 views4 answers
On click copy to clipboard react
Javascript React
2 votes375 views2 answers
Export aab bundle react native android
Javascript React
7 votes354 views2 answers
Insert a line break into a text component in react-native
Javascript React
0 vote372 views1 answer
How to reset ReactJS file input
Javascript React
8 votes363 views1 answer
Ternary operator in button react
Javascript React
1 vote425 views2 answers
Open failed: EACCES (Permission denied) react native
Javascript React
0 vote376 views1 answer
React native run android common error
Javascript React
114 votes411 views3 answers
React init
Javascript React