/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

13 votes374 views1 answer
Reactjs useState() hook
Javascript React
0 vote332 views1 answer
Page scrolling react js
Javascript React
0 vote364 views1 answer
Icon button react
Javascript React
0 vote389 views1 answer
React axios get cookie from response
Javascript React
0 vote393 views1 answer
React native tdd emzyme
Javascript React
0 vote398 views2 answers
Adding preview images to react apps for linkedin
Javascript React
15 votes333 views5 answers
Usestate react hook
Javascript React
0 vote357 views1 answer
Decrease touchableopacity in react native
Javascript React
0 vote386 views1 answer
Enzymes are proteins that speed up reactions by
Javascript React
6 votes368 views2 answers
TextInput disable react native
Javascript React