首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >react jsonschema-表单如何传递附加的道具以形成

react jsonschema-表单如何传递附加的道具以形成
EN

Stack Overflow用户
提问于 2022-06-11 14:02:07
回答 1查看 193关注 0票数 0

我使用react jsonschema-form和@rjsf/antd (Ant Design)。

在Ant组件中,它们有一个名为size的属性,顾名思义,它控制不同输入字段(Form.Item)的大小。

https://ant.design/components/form/#Form

我希望在react jsonschema-form的Form属性中包含Form属性。我本来希望react jsonschema-form的Form会将任何额外的道具传递给Ant Form,但情况似乎并非如此。

我该如何包括size

感谢你的帮助!

https://codesandbox.io/s/brave-poitras-jdshu0?file=/src/App.js

EN

回答 1

Stack Overflow用户

发布于 2022-09-12 11:22:15

您应该使用_internalFormWrapper支柱,作为RJSF的版本<5。

代码语言:javascript
运行
复制
import { Form as AntdForm } from 'antd';
import { withTheme } from '@rjsf/core';
import { Theme as AntDTheme } from '@rjsf/antd';

interface MyComponentProps { size: 'small' | 'middle' | 'large' }

const MyComponent = ({ size, ...props }: MyComponentProps): JSX.Element => {
  function MyAntdForm() {
    return <AntdForm size={size} />;
  }

  const Form = withTheme<FormValues>(Theme);

  return <Form {...props} _internalFormWrapper={MyAntdForm} >
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72584990

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档