/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

-2 votes122 views1 answer
Starter react redux project
Javascript React
1 vote124 views2 answers
How to not use relative imports in react js
Javascript React
0 vote126 views1 answer
Deploy react to azure : web.config
Javascript React
2 votes130 views1 answer
Adding font awesome to npm or react
Javascript React
4 votes138 views1 answer
Open a new tab when clicking on a link react
Javascript React
1 vote183 views1 answer
How to resize react icons
Javascript React
0 vote115 views1 answer
Fetch is not defined jest react
Javascript React
0 vote116 views1 answer
How to link t settings react native ios
Javascript React
2 votes133 views1 answer
React native responsive font
Javascript React
0 vote128 views2 answers
React social login buttons
Javascript React