如何使react-monaco-edtor响应？

Question

我正在使用react-monaco-editor，但我无法使其响应。它在组件中采用固定的高度和宽度。如果我改变屏幕尺寸，宽度保持不变。

    <MonacoEditor
      width="1200"
      height="600"
      language="typescript"
      theme="vs-dark"
      defaultValue="//type your code here"
      value={code}
      options={options}
      onChange={this.onChange}
      editorDidMount={this.editorDidMount}
      className='editor1'
    />

如果我删除组件的宽度和高度，组件就会减小。我尝试用 flex 覆盖组件 className。但似乎效果不太好。

.react-monaco-editor-container {
   flex: 2;
}

你能帮助我使用 CSS 使其响应式吗？

Answer 1

简单地options设置automaticLayout: true