/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 vote389 views1 answer
Use this in a react js component
Javascript React
2 votes373 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
0 vote359 views1 answer
Set meterial icon color change onClick react
Javascript React
5 votes411 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
6 votes442 views2 answers
String to html javascript react
Javascript React
1 vote387 views2 answers
React-native-screens
Javascript React
0 vote368 views1 answer
React hooks link to external site
Javascript React
0 vote392 views1 answer
How to get circle around text in react natvie
Javascript React
0 vote373 views1 answer
Spring reactive web client throw exception test
Javascript React
0 vote400 views2 answers
Unexpected template string expression reactjs
Javascript React