/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 vote203 views1 answer
Why my favicon icon is not removing in react
Javascript React
0 vote222 views2 answers
Write data in props.histroy.push in react component
Javascript React
1 vote223 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
3 votes212 views1 answer
Render image url in react native
Javascript React
0 vote221 views1 answer
Unrecognized font family 'feather' react native
Javascript React
0 vote273 views1 answer
React native scrollable
Javascript React
0 vote213 views1 answer
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15); to react native
Javascript React
1 vote201 views1 answer
How to call create react app
Javascript React
0 vote211 views1 answer
React toastify does not have design
Javascript React
13 votes210 views4 answers
React deep copy
Javascript React