react error - Cannot update during an existing state transition (such as within `render`)

Question

  if(props.filterCriteria.timeRange){
    const start = props.filterCriteria.timeRange.start
    const end = props.filterCriteria.timeRange.end
    form.setFieldsValue({
      created: [moment(start, 'YYYY-MM-DD HH:mm:ss'), moment(end, 'YYYY-MM-DD HH:mm:ss')]
    })
  }

Add this to the function component and report an error： Warning: Cannot update during an existing state transition (such as within render). Render methods should be a pure function of props and state.

check https://stackoverflow.com/questions/37387351/reactjs-warning-setstate-cannot-update-during-an-existing-state-transiti — Salma EL HAJRAOUI, Sep 08 '21 at 09:21

score 2 · Answer 1 · answered Sep 08 '21 at 09:14

2

Call the setFieldsValue from within useEffect.

answered Sep 08 '21 at 09:14

ZiggidyCreative

335
3
14

react error - Cannot update during an existing state transition (such as within `render`)

1 Answers1