小编Đặn*_*iên的帖子

REACTJS - 从在线构建导入 CKEditor 5

我在将 CUSTOM CKEditor 5 导入 ReactJS 时遇到了困难。我已经搜索了文档,但似乎很难理解。

首先,我转到此处的 Onine Builder:https : //ckeditor.com/ckeditor-5/online-builder/ 并下载 zip 文件。

然后,在这个 zip 文件中,我有构建文件夹(包含 ckeditor.js、ckeditor.js.map 和翻译文件夹)。将此文件夹中的所有内容复制到 /src/compoments/CKeditor (以在 React 中导入)。

然后像这样导入

import CKEditor from "@ckeditor/ckeditor5-react"; (install via npm)
import ClassicEditor from "./components/ckeditor/ckeditor"; (import from zip file)
Run Code Online (Sandbox Code Playgroud)

我有这个错误。请让我知道如何在 ReactJS 中安装 CkEditor。

非常感谢。

在此处输入图片说明

javascript ckeditor reactjs

6
推荐指数
1
解决办法
1209
查看次数

使用 React-Hook-Form V7 在 DatePicker Antd 中设置默认值

我试图设置从服务器获取数据时的默认值Datepicker,但它不起作用。按照此处的文档,我无法设置defaultValue道具,因为它仅用于第一次渲染。

我发现一个解决方案是创建一个状态并在Datepicker更改时更新该状态。但这似乎很愚蠢,因为它会重新渲染每次更新。请让我知道一个“更好的解决方案”或使用react-hook-form值的“状态”。这是我目前的“愚蠢的解决方案”:

import { DatePicker, Form } from "antd";
import moment, { Moment } from "moment";
import { useEffect, useState } from "react";
import {
  Controller,
  ControllerRenderProps,
  SubmitHandler,
  useForm,
} from "react-hook-form";

const UserList = () => {
  const [date, setDate] = useState<Moment | null>();
  const dateFormat = "YYYY-MM-DD";
  useEffect(() => {
    setDate(() => moment("1963-10-14T00:00:00"));
  }, []);

  const onChange = (date: Moment | null, dateString: string) => {
    console.log(date, dateString);
  }; …
Run Code Online (Sandbox Code Playgroud)

reactjs antd react-hook-form

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

reactjs ×2

antd ×1

ckeditor ×1

javascript ×1

react-hook-form ×1