我想测试一个使用 Material-UI 的 makeStyles 的 React 组件。
我的组件:
import React from 'react';
import { useTranslation } from 'react-i18next';
import { DefaultButton } from '../../../../components';
import { makeStyles } from '@material-ui/styles';
const useStyles = makeStyles((theme: any) => ({
root: {},
row: {
marginTop: theme.spacing()
},
spacer: {
flexGrow: 1
},
}));
const UsersToolbar: React.FC<any> = (props) => {
const classes = useStyles();
const { t } = useTranslation();
return (
<div className={classes.root}>
<div className={classes.row}>
<span className={classes.spacer} />
<DefaultButton id="createUserBtn">{t('Create User')}</DefaultButton>
</div> …Run Code Online (Sandbox Code Playgroud) 我使用 React.js 和MUI-Datatables创建了一个简单的表:
import MUIDataTable from "mui-datatables";
const columns = ["Name", "Company", "City", "State"];
const data = [
["Joe James", "Test Corp", "Yonkers", "NY"],
["John Walsh", "Test Corp", "Hartford", "CT"],
["Bob Herm", "Test Corp", "Tampa", "FL"],
["James Houston", "Test Corp", "Dallas", "TX"],
];
const options = {
filterType: 'checkbox',
};
<MUIDataTable
title={"Employee List"}
data={data}
columns={columns}
options={options}
/>
Run Code Online (Sandbox Code Playgroud)
如何将自定义 CSS 类添加到表格内的单行。假设我希望 John Walsh 的第二行具有绿色背景色。
更新:
使用customRowRender允许设置特定行的样式,但我对解决方案仍然不是 100% 满意,因为诸如可选行之类的某些功能不再开箱即用:
const options = {
filterType: "checkbox",
customRowRender: (data, dataIndex, …Run Code Online (Sandbox Code Playgroud) 我想运行托管在 Kubernetes 集群上的私有容器注册表中的应用程序。我按照此处的说明创建了一个像这样的秘密:
kubectl create secret docker-registry regcred --docker-server=<your-registry-server> \
--docker-username=<your-name> \
--docker-password=<your-pword> \
--docker-email=<your-email>
Run Code Online (Sandbox Code Playgroud)
在我的部署中使用它是这样的:
containers:
- image: registry.gitlab.com/xxxxx/xxxx
name: dockerdemo
resources: {}
imagePullSecrets:
- name: regcred
Run Code Online (Sandbox Code Playgroud)
K8s 现在可以从我的私有注册表中提取映像。无论如何,我对我的用户和密码以纯文本形式存储在集群中感到不舒服。是否有更好/更安全的方法让 K8s 集群通过令牌访问注册表?