/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 vote348 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
0 vote314 views1 answer
React Calender Style
Javascript React
6 votes296 views2 answers
UseHistory react-router-dom
Javascript React
32 votes272 views4 answers
React update state array of objects
Javascript React
0 vote310 views1 answer
Error metro bundler process exited with code 1 react native
Javascript React
6 votes323 views1 answer
React state management
Javascript React
0 vote346 views1 answer
React-native-error-check-the-render-method-of-app
Javascript React
0 vote364 views1 answer
React grid generator
Javascript React
1 vote317 views1 answer
Column width table react
Javascript React
16 votes307 views4 answers
Uuid react
Javascript React