问题描述
我想更改标签文本的字体大小,但找不到正确的方法。 下面给出的代码只是我想要做的一个例子。我想要更改电子邮件标签的文本大小。任何帮助,将不胜感激。提前致谢。
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 (将#修改为@)