首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

React-admin SelectInput不会在编辑中显示与选项一起使用的值

React-admin是一个基于React框架的开源后台管理界面框架,它提供了一系列的组件和工具,用于快速搭建现代化的管理界面。其中,SelectInput是React-admin提供的一个用于选择输入的组件。

在React-admin中,SelectInput组件用于在表单中提供一个下拉选择框,用户可以从预定义的选项中选择一个值。然而,有时候我们希望在编辑表单中显示已经选择的值,而不仅仅是选项列表。这时候,我们需要使用SelectInput的value属性来设置已选择的值。

具体来说,我们可以通过在编辑表单的数据源中设置SelectInput的value属性来显示已选择的值。例如,假设我们有一个名为"category"的字段,它的选项是一个包含多个分类的数组。我们可以通过设置编辑表单的数据源中的"category"字段来显示已选择的分类。

以下是一个示例代码:

代码语言:txt
复制
import { Edit, SimpleForm, SelectInput } from 'react-admin';

const CategoryEdit = (props) => (
    <Edit {...props}>
        <SimpleForm>
            <SelectInput
                source="category"
                choices={[
                    { id: '1', name: 'Category 1' },
                    { id: '2', name: 'Category 2' },
                    { id: '3', name: 'Category 3' },
                ]}
                value="2" // 设置已选择的值
            />
        </SimpleForm>
    </Edit>
);

export default CategoryEdit;

在上面的代码中,我们通过设置SelectInput的value属性为"2"来显示"Category 2"作为已选择的值。

对于React-admin的更多信息和使用方法,你可以参考腾讯云的React-admin产品介绍页面:React-admin产品介绍

希望以上信息能够帮助到你!如果还有其他问题,请随时提问。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券