如何解决更改标签文字大小?
我想更改标签文本的字体大小,但找不到正确的方法。 下面给出的代码只是我想要做的一个例子。我想要更改电子邮件标签的文本大小。任何帮助,将不胜感激。提前致谢。
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>
);
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。