bisheng-plugin-react 遇到含有 Hooks 的组件报错

[zhongmeizhi]

react.development.js:1590 Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app

markdown代码

import Keyboard from '../../../src/views/Keyboard.tsx';
import Button from '../../../src/views/Button.tsx';
import {useState} from 'react';

const Test = () => {
    const [value, setValue] = useState('');

    return <div>
        <Keyboard
            onChange={setValue}
            header={<div className="test-value-box">{value}</div>}
            emitButton={<Button>打开键盘</Button>}
        ></Keyboard>
    </div>
}

ReactDOM.render(<Test></Test>, mountNode);

将 Keyboard 组件内部的 react hook 代码删掉就不报错了。

[zhongmeizhi]

Keyboard 部分代码

export default function Keyboard ({emitButton, header, onChange}: KeyboardProps) {

    const [keyList, setKeyList] = useState([] as Array<number>);

// ... 略

[PerkinJ]

同遇到..