/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 vote381 views1 answer
Module not found: Can't resolve '@date-io/date-fns' in 'C:\Users\61455\Documents\React apps\mya2o\src\pages'
Javascript React
0 vote413 views1 answer
React datetime mannual editing
Javascript React
0 vote404 views2 answers
Login with facebook expo react native
Javascript React
0 vote404 views1 answer
How to redirect to another page in react js on button click
Javascript React
1 vote441 views1 answer
How to resize react icons
Javascript React
0 vote384 views2 answers
React barcode scanner
Javascript React
3 votes409 views1 answer
React is front end or backend
Javascript React
0 vote368 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript React
0 vote336 views1 answer
./src/App.js Module not found: Can't resolve '@fullcalendar/core/main.css' in 'c:\react-souf\src'
Javascript React
1 vote397 views1 answer
Android resource linking failed react native image crop picker
Javascript React