CKEditor 未填充数据收到 API

Question

目前我正在使用 formik 来显示从 API 接收到的数据，它在 enableReinitialize={true} 但我现在也在使用 CKEditor，我希望 CKEditor 显示从 API 接收到的数据，以下是我的代码：

<Formik
                enableReinitialize={true}
                initialValues={id ? updatedSchema : initialValues}
                validationSchema={AddNewSchema}
                onSubmit={(values) => {
                  dispatch(actions.createFAQ(values));
                }}
              >
                {({ handleSubmit, setFieldValue }) => (
                  <>
                    <Form className="form form-label-right">
                      <div className="form-group">
                        <Field name="question" component={Input} label="Question *" withFeedbackLabel={false} />
                        <ErrorMessage name="question" component="div" className="invalid-feedback" />
                      </div>
                      <div className="form-group">
                        <label>Answer *</label>
                        <CKEditor
                          name="answer"
                          editor={ClassicEditor}
                          onInit={(editor) => {
                            // You can store the "editor" and use when it is needed.
                            console.log("Editor is ready to use!", editor);
                          }}
                          onChange={(event, editor) => {
                            const data = editor.getData();
                            setFieldValue("answer", data);
                          }}
                        />
                      </div>
                      <ErrorMessage name="answer" component="div" className="invalid-feedback" />

                      <div className="row">
                        <div className="col-md-6 form-group">
                          <Select name="status" label="Status *" withFeedbackLabel={false}>
                            {status.map((option, key) => (
                              <option key={key} value={option.value}>
                                {option.label}
                              </option>
                            ))}
                          </Select>
                        </div>
                      </div>
                      <button type="submit" className="btn btn-primary ml-2">
                        Save
                      </button>
                    </Form>
                  </>
                )}
              </Formik>

预期：https://i.stack.imgur.com/hY8ky.png 实际 https://i.stack.imgur.com/RjYhm.png

Answer 1

在反应 CKEditor 中，它有一个 data 属性允许显示初始数据，我只是用它来显示从服务器接收的数据 / API

 <CKEditor name="answer" editor={ClassicEditor} data={updatedSchema.answer} 
      onChange={(event, editor) => {
                const data = editor.getData();
                 setFieldValue("answer", data);
                }}
/>

CKEditor 未填充数据收到 API

CKEditor not populating data received the API

ckeditor

reactjs

axios