REACT- 为什么将 'style' 与 react-draft-wysiwyg 一起使用不起作用？

Question

有没有办法将我的文本框分隔成矩形并为其指定默认高度？我尝试在我的 <Editor /> 中使用 style，但它不起作用。

import { Editor } from "react-draft-wysiwyg";
import { EditorState } from "draft-js";
import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";

const TabContent = ({ name, typeProof }) => {
  const [text, setText] = useState(
  () => EditorState.createEmpty(),);    

  return (
    <>
      <SafeAreaView>
        <Editor
          editorState={text}
          onEditorStateChange={setText}
          wrapperClassName="wrapperClassName"
          editorClassName="editorClassName"
          toolbarClassName="toolbarClassName"
          placeholder="Enter your text here:"
          style={{
            height: 200,
            margin: 12,
            borderWidth: 0.5,
            padding: 10,
            borderRadius: "2px"
          }}
          toolbar={{
              options: ['inline', 'blockType', 'fontSize', 'fontFamily', 'list', 'textAlign', 'colorPicker', 'embedded', 'remove', 'history'],
         ...
         }}
        />
      </SafeAreaView>     
    </>
  );
};

这是我的code

Answer 1

也许你需要使用

editorStyle={{ 高度：200，边距：12，边框宽度：0.5，填充：10，边框半径：“2px” }}

属性而不是样式

对我有用 `

REACT- 为什么将 'style' 与 react-draft-wysiwyg 一起使用不起作用？

REACT- Why using 'style' with react-draft-wysiwyg is not working?

javascript

reactjs

react-hooks

react-draft-wysiwyg