/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

38 votes139 views4 answers
Useref in react hooks
Javascript React
0 vote137 views1 answer
React native use route undefined
Javascript React
15 votes142 views3 answers
React native expo navigation
Javascript React
108 votes185 views1 answer
How to start react app in windows
Javascript React
133 votes465 views5 answers
Npx create-react-app
Javascript React
0 vote177 views1 answer
How to align text vertically center beside an image in react native
Javascript React
-1 vote143 views1 answer
Image component doesn't show image from url react native
Javascript React
0 vote152 views1 answer
React change button color on hover
Javascript React
0 vote136 views1 answer
Create react portal
Javascript React
2 votes154 views4 answers
Can't perform a React state update on an unmounted component
Javascript React