html - 如何使 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 做出响应吗？

标签： htmlcssreactjsmonaco-editor

Answer 1

简单的在options集合automaticLayout: true