/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 vote195 views1 answer
Disable enter on input field react
Javascript React
5 votes209 views2 answers
React js download file
Javascript React
1 vote246 views1 answer
How to test useEffect in react testing library
Javascript React
1 vote185 views1 answer
React native fast image webp ios
Javascript React
0 vote176 views1 answer
Using RN BootSplash with React Navigation
Javascript React
1 vote179 views1 answer
React does not recognize the `activeClassName` prop on a DOM element
Javascript React
3 votes197 views2 answers
React get data attribute from element
Javascript React
0 vote186 views1 answer
Option component in react js errors
Javascript React
4 votes188 views2 answers
Countdown in react js
Javascript React
0 vote180 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React