首页 > 其他分享 >前端项目实战壹佰柒拾陆react-admin+material ui-react-admin之Create之构建自定义字段

前端项目实战壹佰柒拾陆react-admin+material ui-react-admin之Create之构建自定义字段

时间:2023-08-21 11:33:45浏览次数:37  
标签:const 自定义 admin useRecordContext react record return


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

import { useRecordContext, Show, SimpleShowLayout } from 'react-admin';

const BookAuthor = () => {
    const record = useRecordContext();
    if (!record) return null;
    return <span>{record.author}</span>;
};

const BookShow = () => (
    <Show>
        <SimpleShowLayout>
            <BookAuthor />
            ...
        </SimpleShowLayout>
    </Show>
)

标签:const,自定义,admin,useRecordContext,react,record,return
From: https://blog.51cto.com/u_15460007/7173064

相关文章

  • 前端项目实战壹佰柒拾捌react-admin+material ui-react-admin之Create之CreateBase基
    我是歌谣微信公众号关注前端小歌谣import*asReactfrom"react";import{CreateBase,SimpleForm,TextInput,SelectInput}from"react-admin";import{Card}from"@mui/material";exportconstBookCreate=()=>(<CreateBase>......
  • 前端项目实战壹佰柒拾玖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,或者直接点项目右侧的刷新按钮  ......
  • 【算法】用c#实现自定义字符串编码及围栏解码方法
    编写一个函数/方法,它接受2个参数、一个字符串和轨道数,并返回ENCODED字符串。编写第二个函数/方法,它接受2个参数、一个编码字符串和轨道数,并返回DECODED字符串。然后使用围栏密码对其进行解码。这种密码用于通过将每个字符沿着一组“竖状轨道”依次放在对角线上来对字符串进行编......
  • C# .NET 使用HttpClient,以及自定义Header中存在特殊字符的处理方式
    平常我们在使用HttpClient时,只需要创建加上设置调用接口地址就可以使用了,比如:HttpClienthttpClient=httpClientFactory.CreateClient();httpClient.BaseAddress=newUri(接口地址);httpClient.PostAsync(接口方法,HttpContent);但是,在自定义Header......
  • 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、上传项目文件标红的为项目压......