功能组件不重呈现。

Question

下面是我的代码，用于在is_new变为真时调用组件--这个组件被调用了，但是当errors出现时，我需要回忆一下组件，所以当时我使重新加载状态变为真，但组件没有调用。我需要在响应后将错误传递给该组件。

  const [reload, setReload] = useState(false);


api
    .addleads(jsonToFormData(data, taskStates))
    .then((response) => {
      if (response.status === 201 || response.status === 200) {
        if (response.data.data) {
          updatedCitiesAreas(response.data.data);
        }
        setLoading(false);
        setExistingClientform(existingclientInitial);
        setClients({
          column: "",
          value: "",
        });
        toastr["success"]("Lead Added Successfully!");
        setErrors([]);
       
    })
    .catch((error) => {
      setLoading(false);

      if (error.response.data.errors) {
        setErrors(error.response.data.errors);
        setReload(true);
      }

    });


{state.is_new || reload ? (
                  <AddClientDetails
                    status="searchClient"
                    loader
                    clientForm={clientCheck}
                    errors={errors}
                    leadid={props.leadid}
                    numberStatus={numberStatus}
                  />
                ) : (
                  ""
                )} 

以下是回应

Answer 1

我只是跟踪子组件，并找出为什么我的组件被阻止重新呈现。

我把我的props.error放在孩子的useEffect依赖错误中，问题就解决了。当错误来临的时候。我的useEffect被打电话了，我在那里设置了错误。