首页 > 其他分享 >前端项目实战壹佰柒拾捌react-admin+material ui-react-admin之Create之CreateBase基本用法

前端项目实战壹佰柒拾捌react-admin+material ui-react-admin之Create之CreateBase基本用法

时间:2023-08-21 11:33:29浏览次数:34  
标签:歌谣 admin material react CreateBase import


我是歌谣 微信公众号关注前端小歌谣

import * as React from "react";
import { CreateBase, SimpleForm, TextInput, SelectInput } from "react-admin";
import { Card } from "@mui/material";

export const BookCreate = () => ( 
    <CreateBase>
        <div>
            <Title title="Book Creation" />
            <Card>
                <SimpleForm>
                    <TextInput source="title" />
                    <TextInput source="author" />
                    <SelectInput source="availability" choices={[
                        { id: "in_stock", name: "In stock" },
                        { id: "out_of_stock", name: "Out of stock" },
                        { id: "out_of_print", name: "Out of print" },
                    ]} />
                </SimpleForm>
            </Card>
        </div>
    </CreateBase>
);

标签:歌谣,admin,material,react,CreateBase,import
From: https://blog.51cto.com/u_15460007/7173068

相关文章

  • 前端项目实战壹佰柒拾玖react-admin+material ui-react-admin之Edit之基本用法
    我是歌谣微信公众号关注前端小歌谣import*asReactfrom"react";import{Edit,SimpleForm,TextInput,DateInput,ReferenceManyField,Datagrid,TextField,DateField,EditButton,required}from'react-admin';exportconstReditEdit=()=>(......
  • 前端项目实战壹佰捌拾react-admin+material ui-react-admin之Edit之actions
    我是歌谣微信公众号关注前端小歌谣import*asReactfrom"react";import{Button}from'@mui/material';import{Edit,ListButton,ShowButton,SimpleForm,TextInput,TopToolbar,DateInput,ReferenceManyField,Datagrid,TextField,DateField,EditButton,......
  • 前端项目实战壹佰捌拾壹react-admin+material ui-react-admin之Edit之ShowButton和Lis
    我是歌谣微信公众号关注前端小歌谣import*asReactfrom"react";import{Button}from'@mui/material';import{Edit,ListButton,ShowButton,SimpleForm,TextInput,TopToolbar,DateInput,ReferenceManyField,Datagrid,TextField,DateField,EditButton,......
  • 运行 'RuoYiApplication' 时出错: 模块 'ruoyi-admin' 没有 JDK
    项目运行良好,关机重新打开项目时出现“运行'RuoYiApplication'时出错:模块'ruoyi-admin'没有JDK”导致运行失败,经检查项目中已经配置SDK解决办法:重新加载Maven,或者直接点项目右侧的刷新按钮  ......
  • react hooks 子传父
    父组件中:importReact,{useState}from"react";importHeXiaoDialogfrom"../components/hexiaoDialog";//引入的子组件functionShuoMing(props){let[flag,setFlag]=useState(false)constgetFlag=()=>{setFlag(true)}return......
  • 前后端分离中台框架 Admin.Core 学习-介绍与配置说明
    中台框架后端项目Admin.Core的介绍与配置说明中台admin是前后端分离权限管理系统,Admin.Core为后端项目,基于.NET7.0开发。支持多租户、数据权限、动态Api、任务调度、OSS文件上传、滑块拼图验证、多数据库,分布式缓存、分布式事务等项目地址Githubhttps://github.com/......
  • 安装fastadmin插件之青动CRM
    1、前置条件青动CRM为fastadmin的一个插件,什么是fastAdmin,请查看该网站https://www.fastadmin.net/video.html1、测试环境服务器2核2G,php7.2,MySQL5.7.24,redis6.2.7,nginx1.22.1,宝塔8.0.13、宝塔创建站点保存好创建站点时的数据库链接信息4、上传项目文件标红的为项目压......
  • 安装fastadmin插件之企业官网
    1、前置条件安装企业官网插件之前,需要先安装好fastadmin框架,如何安装fastadmin框架,请访问该网址https://www.fastadmin.net/video.html2、安装企业官网插件打开插件管理点击本地安装选择企业官网插件压缩包安装完成,刷新浏览器......
  • 安装fastadmin插件之活动报名插件
    1、前置条件安装活动报名插件,需要先安装fastadmin框架,如何安装fastadmin框架,请查看视频教程https://www.fastadmin.net/video.html2、安装活动插件点击插件管理然后点击本地安装上传活动报名压缩包安装成功刷新浏览器3、项目配置和说明查看源码目录中的文档即可......
  • 安装fastadmin插件之百度Ueditor编辑器
    1、前置条件安装百度Ueditor编辑器插件前,需要先安装好fastadmin框架,如何安装fastadmin框架,请浏览该文档https://www.fastadmin.net/video.html2、安装百度Ueditor编辑器插件点击插件管理点击本地安装,选择百度Ueditor编辑器压缩包安装成功,刷新浏览器然后点击本地插件安......