SlateJS与Material UI的NotchedOutline

问题描述

我正在寻找一种使用 variant =“ outlined”

来“组合” SlateJS（https://www.slatejs.org）和https://material-ui.com/components/text-fields/#textfield的方法

我试图“集成”的代码（来自官方slatejs存储库的示例）

import React,{ useState,useMemo } from 'react'
import { Node,createEditor } from 'slate'
import { Slate,Editable,withReact } from 'slate-react'
import { withHistory } from 'slate-history'

const PlainTextExample = () => {
  const [value,setValue] = useState<Node[]>(initialValue)
  const editor = useMemo(() => withHistory(withReact(createEditor())),[])
  return (
    <Slate editor={editor} value={value} onChange={value => setValue(value)}>
      <Editable placeholder="Enter some plain text..." />
    </Slate>
  )
}

const initialValue = [
  {
    children: [
      { text: 'This is editable plain text,just like a <textarea>!' },],},]

export default PlainTextExample

我尝试使用https://material-ui.com/components/text-fields/#integration-with-3rd-party-input-libraries中的InputProps，但是什么也没显示，甚至没有错误。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）