Error: Objects are not valid as a React child (found: Error: Request failed with status code 400). If you meant to render a collection of children,

Question

错误：对象作为 React 子项无效（发现：错误：请求失败，状态代码为 400）。如果您打算渲染一组子项，请改用数组。

我不明白这里出了什么问题

const { error, loading }: CreateUserState = useSelector((state: RootState) => state.createUser);

  return (
        <>
            <GDialog title="User Management" open={open} showDialog={showDialog}>
                {loading === false && error !== "" ? <Alert>{error}</Alert> : <></>}
                <form id="request-new-form" className="groundup-form" onSubmit={formik.handleSubmit}>
                    <GFormInput<UserFormFields> formik={formik} id="username" label="User Name" />
                    <GFormInput<UserFormFields> formik={formik} id="email" label="Email" />
                </form >
            </GDialog >
        </>
    )

Answer 1

很可能 error 是一个对象，而不是字符串。尝试使用这个

{loading === false && error !== "" ? <Alert>{JSON.stringify(error)}</Alert> : <></>}

如果您在警报中看到和反对，那么您需要在 error 不是字符串时创建案例。

Error: Objects are not valid as a React child (found: Error: Request failed with status code 400). If you meant to render a collection of children,

Error: Objects are not valid as a React child (found: Error: Request failed with status code 400). If you meant to render a collection of children,

reactjs

redux