react-jsonschema-form 表单项 同一行显示

要使`react-jsonschema-form`在同一行显示表单项，你可以利用`ArrayFieldTemplate`组件来创建数组形式的表单。`ArrayFieldTemplate`允许你自定义数组元素的布局。下面是一个示例：

import { Form, Field, ArrayFieldTemplate } from 'react-jsonschema-form-ui';

// 假设你的JSON schema定义了一个数组，每个元素有name和value字段
const schema = {
  type: "array",
  items: {
    type: "object",
    properties: {
      name: { type: "string" },
      value: { type: "number" }
    }
  }
};

function CustomArrayElement({ field }) {
  return (
    <div style={{ display: "flex", flexDirection: "row" }}>
      <label>{field.label}</label>
      <input type="text" name={`${field.path}.name`} />
      <input type="number" name={`${field.path}.value`} />
    </div>
  );
}

<Form schema={schema} renderers={{ ArrayFieldTemplate: CustomArrayElement }} />

在这个例子中，我们创建了一个自定义渲染器`CustomArrayElement`，它将数组元素的"name"和"value"字段放在同一行上。`style={{ display: "flex", flexDirection: "row" }}`使得元素水平排列。