@codemirror/lang-json组件在@uiw/react-codemirror组件中怎么使用时，怎么配置，具体代码

在`@uiw/react-codemirror`组件中使用`@codemirror/lang-json`提供JSON支持，你需要做以下几个步骤：

1. 首先安装依赖：

npm install @uiw/react-codemirror @codemirror/lang-json

2. 然后，在你的React项目里导入并使用这个组件：

import React from 'react';
import { CodeMirror } from '@uiw/react-codemirror';
import 'codemirror/mode/json/json';

function JsonEditor() {
  const options = {
    mode: 'json', // 设置语言模式为JSON
    theme: 'monokai', // 可选的Codemirror主题，如'monokai'、'default'
    lineNumbers: true, // 显示行号
    viewportMargin: Infinity, // 无限制滚动
  };

  return (
    <CodeMirror value="" options={options} />
  );
}

export default JsonEditor;

在这里，我们设置了`mode`属性为`json`，这会启用JSON的语言插件。`value`属性是你想要显示的初始JSON内容。

3. 如果你想允许用户编辑并保存内容，你可以添加事件监听器，例如处理`onChange`事件：

function handleValueChange(newValue) {
  console.log('Json has been updated:', newValue);
}

<CodeMirror
  value=""
  options={{ ...options, onChange: handleValueChange }}
/>

现在，`handleValueChange`函数会在用户编辑内容时被触发，`newValue`参数是新的JSON字符串。