React-TypeScript集成Jodit-react时config属性类型不匹配报错

出现Has no property common with type错误的核心原因是TypeScript类型推断不匹配——你定义的config变量默认被推断为普通对象类型，而JoditEditor的config属性要求符合它内置的Config接口类型。

解决方法如下：

方法一：显式指定Config类型 #

1. 先导入Jodit的Config类型：

import { Config } from 'jodit-react';

2. 给你的config变量添加类型注解：

const config: Config = {
    placeholder: "start typing...."
};

3. 再正常使用JoditEditor组件即可。

方法二：内联配置并使用类型断言 #

如果不想单独定义变量，也可以直接在组件属性里通过类型断言指定类型：

<JoditEditor
    ref={editor}
    value={content}
    onChange={(newContent) => setContent(newContent)}
    config={{ placeholder: "start typing...." } as Config}
/>

这两种方式都能让TypeScript识别你的配置对象符合JoditEditor要求的类型，从而消除报错。

内容的提问来源于stack exchange，提问作者Mustafa Dahodwala