前端项目实战壹佰壹拾玖react-admin+material ui-react-admin之SimpleList中primaryText使用三返回dom节点

我是歌谣 这里是歌谣的前端笔记小屋 想加入前端巅峰人才交流群私信我 

import { List, SimpleList,TextField } from 'react-admin';

export const RSimpleStandard = () => (
    <List resource="t_geyao_person">
        <SimpleList 
            primaryText={<TextField source="id" />}
            secondaryText={record => `${record.name} views`}
            tertiaryText={record => record.name}
            linkType={record => record.status ? "edit" : "show"}
            rowStyle={record => ({ backgroundColor: record.nb_views 
>= 500 ? '#efe' : 'white' })}
        />
    </List>
);

运行结果