首页 > 其他分享 >前端项目实战叁佰肆拾陆react-admin和material ui-设置Paper的线型

前端项目实战叁佰肆拾陆react-admin和material ui-设置Paper的线型

时间:2023-09-02 10:37:59浏览次数:35  
标签:index item admin material id react typeList 叁佰肆 any


<Paper elevation={5} style={{margin:"4px 0 4px 12px"}} >
                        {typeList && typeList.map((item: any, index: any) => (
                            <ListM component="div">
                                <ListItem button style={typeId == item.id ? { background: '#ccc', height: "30px" } : { height: "30px" }} onClick={() => handleSelectType(item.id)}>
                                    <ListItemText>{item.name}</ListItemText>
                                </ListItem>
                            </ListM>
                        ))}
                    </Paper>

运行结果

 

前端项目实战叁佰肆拾陆react-admin和material ui-设置Paper的线型_ui

标签:index,item,admin,material,id,react,typeList,叁佰肆,any
From: https://blog.51cto.com/u_15460007/7330756

相关文章

  • 前端项目实战叁佰肆拾叁react-admin和material ui-设置两栏布局
    <Gridstyle={{margin:0,padding:0,display:"flex"}}><Gridstyle={{width:"70px",margin:"12px0012px"}}>{typeList&&typeList.map((item:any,index:any)=......
  • 前端项目实战叁佰肆拾贰react-admin和material ui-设置默认高度样式
    {typeList&&typeList.map((item:any,index:any)=>(<Paper><ListMcomponent="div"><ListItembuttonstyle={typeId==item.id?{b......
  • 前端项目实战叁佰肆拾肆react-admin和material ui-设置布局最小高度
    constappLayout=(props:LayoutProps)=>{return(<Layoutsx={{'&.RaLayout-appFrame':{minHeight:'100%',height:'100%',margin:0,......
  • fastAdmin api方法解析
    准备工作:1.fastAdmin伪静态设置参考:ThinkPHPURL重写:https://www.kancloud.cn/manual/thinkphp5/177576Nginx:/conf/vhosts/hostname.conf2.FeHelper插件安装参考:Web开发者助手FeHelper:https://www.baidufe.com/fehelper/index/index.html一、api方法解析1.api/controller/Demo.p......
  • 轻松理解Vue和React的异同
             在前端界,Vue和React最近几年一直是我们开发前端项目的两个主流选项。但作为一个想要学习使用框架最快速开发应用的新人我应该先学习哪个?或者说当我们在开发一个新项目时,到底具体是应该选择用Vue呢?还是应该选择用React?这两个的区别是什么?联系是什么?这篇......
  • [React Typescript] Fixing forwardRef's Type
    FixforwardRefgloballyTojumpaheadtothesolution,uncommentingthefollowingcodefromStefanBaumgartnerwillgloballyoverridethevalueof forwardRef:declaremodule"react"{ functionforwardRef<T,P={}>( render:(props:P,r......
  • [React Typescript] Strongly type Shared props for multiple components (React.FC<
    import{Equal,Expect}from"../helpers/type-utils";typeInputProps=React.ComponentProps<"input">;constCOMPONENTS={text:(props)=>{return<input{...props}type="text"/>;},number:(p......
  • BUUCTF [HCTF 2018]admin
    寻找破解知识点方法1-Flasksession伪造首先,先注册一个再登录,在changepassword那里查看源码,可以看到有提示:原链接已经404,看的这一个https://github.com/Wkh19/hctf_flask这是一个flask模板,这样来看,这是一道模板注入类型的题目。Session机制详解session可以在此处查看......
  • [React Typescript] Strongly type Render prop
    1.React.ReactNodeimport{useState}from"react";import{createPortal}from"react-dom";import{Equal,Expect}from"../helpers/type-utils";interfaceModalChildProps{isOpen:boolean;openModal:()=>void;......
  • ref() reactive() 声明响应式状态
    ref函数 使用ref函数将普通数据变成响应式数据reactive函数 把对象和数组这类复合数据类型数据变成响应式数据<template> <span> <spanid="num">{{num}}</span> <inputtype="button"value="+1"@click="f1"> <ul> <liv......