Javascript 反应Ace编辑器值未显示

我希望通过react组件中的值道具显示一些代码，但编辑器只是保持空白，不显示任何值。我可以在编辑器中输入，一切似乎都正常，包括语法高亮显示。看不到任何错误。我错过了什么明显的东西吗

我应该注意，我正在使用next.js和react ace，如下所示：

以下是我的主index.js页面代码：

import dynamic from "next/dynamic";
const CodeEditor = dynamic(import("../components/codeEditor"), { ssr: false });

export default () => {
  return (
    <div>
      <CodeEditor value={"for (var i=0; i < 10; i++) {\n  console.log(i)\n}"} />
    </div>
  );
};

从“下一个/动态”导入动态；
const codeditor=dynamic（导入（“../components/codeditor”），{ssr:false}）；
导出默认值（）=>{
返回(
);
};

以下是Ace CodeEditor组件代码：

import ReactAce from "react-ace-editor";
import React from "react";

function CodeEditor(props) {
  return (
    <ReactAce
      value={props.value}
      mode="javascript"
      theme="xcode"
      setReadOnly={false}
      style={{
        height: "500px",
        fontSize: "16px",
      }}
    />
  );
}
export default CodeEditor;

从“反应ace编辑器”导入反应ace；
从“React”导入React；
函数代码编辑器（道具）{
返回(
);
}
导出默认代码编辑器；

库react ace编辑器实现了以下属性：

codeditor.propTypes={
editorId:PropTypes.string，
onChange:PropTypes.func，
setReadOnly:PropTypes.bool，
setValue:PropTypes.string，
主题：PropTypes.string，
模式：PropTypes.string，
样式：PropTypes.object，
};

---

名为setValue的Prop将代码字符串传递给编辑器。尝试将value重命名为setValue。

效果很好。值正在正确显示！