E06：后台管理系统开发-Markdown编辑器制作

Posted 2022-01-18 wgchen~

React Hooks+Laravel 后端博客实战

• 阐述
• 声明对应的useState
• 设置marked
• • market css 样式
• 编写实时预览对应的方法
• 编写onChange相应事件
• 完整代码
• • `admin\\src\\Pages\\AddArticle.js`

阐述

界面制作好以后，就可以自己制作一个Markdown编辑器，这里我设计的也没那么麻烦，只要支持Markdown语法的编写，并且能实时预览就可以。

声明对应的useState

在 function 的头部直接声明对应的 useState，代码如下(为了以后方便，我们在这里把所有的 useState 都声明出来)：

admin\\src\\Pages\\AddArticle.js

// 文章的ID，如果是0说明是新增加，如果不是0，说明是修改