/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 vote203 views1 answer
Android resource linking failed react native image crop picker
Javascript React
0 vote200 views1 answer
Nice react native shadow
Javascript React
0 vote206 views1 answer
On close tab react native web
Javascript React
0 vote196 views1 answer
How to have hotjar in react-hotjar
Javascript React
0 vote197 views1 answer
React native qr code scanner
Javascript React
0 vote192 views1 answer
How to draw a long underline in react native
Javascript React
5 votes181 views4 answers
Google map in react js
Javascript React
-1 vote581 views1 answer
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
Javascript React
0 vote197 views1 answer
Warning React Hook useEffect has a missing dependency:
Javascript React
0 vote192 views1 answer
React native get navigation bar height
Javascript React