node.js - 更改标签文本大小?
问题描述
我想更改标签文本的字体大小,但找不到正确的方法。下面给出的代码只是我想要做的一个例子。我想要更改电子邮件标签的文本大小。任何帮助,将不胜感激。提前致谢。
import React from 'react';
import Button from '@material-ui/core/Button';
import { ValidatorForm, TextValidator } from 'react-material-ui-form-validator';
export default class OnBlurExample extends React.Component {
state = {
formData: {
email: '',
},
submitted: false,
}
emailRef = React.createRef();
handleChange = (event) => {
const { formData } = this.state;
formData[event.target.name] = event.target.value;
this.setState({ formData });
}
handleBlur = (event) => {
this.emailRef.current.validate(event.target.value);
}
handleSubmit = () => {
this.setState({ submitted: true }, () => {
setTimeout(() => this.setState({ submitted: false }), 5000);
});
}
render() {
const { formData, submitted } = this.state;
return (
<ValidatorForm
onSubmit={this.handleSubmit}
instantValidate={false}
>
<h2>OnBlur</h2>
<TextValidator
ref={this.emailRef}
label="Email"
onBlur={this.handleBlur}
onChange={this.handleChange}
name="email"
value={formData.email}
validators={['required', 'isEmail']}
errorMessages={['this field is required', 'email is not valid']}
/>
<br />
<Button
color="primary"
variant="contained"
type="submit"
disabled={submitted}
>
{
(submitted && 'Your form is submitted!')
|| (!submitted && 'Submit')
}
</Button>
</ValidatorForm>
);
}
}
解决方案
推荐阅读
- websocket - 将 websocket 缓冲区拆分为不同变量以便进行比较的最快最优雅的方法
- python - 课堂内的 TensorFlow 会话和图表
- android - 来自詹金斯的Android模拟器启动错误
- unity3d - How do I serialize ScriptableObjects?
- python - 具有大量数据的平滑 matplotlib 图(PyQt5)
- android - 如何在 Pie Slice 中垂直绘制文本?
- ios - CoreML 是设备本地的(iOS)吗?
- css - 删除选择 CSS 上的黑色方块
- r - R - 无法在 Mac 上安装 swirl
- python-3.x - pip3:需要属性'Cryptography_HAS_SSL_ST'