标签: formsy-material-ui

我正在使用带有redux形式和材料ui的电子反应样板创建一个上传文件的简单表格.

问题是我不知道如何创建输入文件字段,因为材料ui不支持上传文件输入.

关于如何实现这一点的任何想法？

如何设置Material-UI的工具提示文本样式？悬停时的默认工具提示为黑色,没有文本换行.是否可以改变背景,颜色等？这个选项是否可用？

我正在尝试使用RegEx来进行基于材料ui表单的验证.我使用的是基于JS的Regex,但它不起作用.为什么？

以下是我的template.jsx文件的片段.my-form只是formy material-ui组件的包装器.

import {myForm, TextField} from '@react-component/my-form';

export default (props) => {
 } = props;
   const emailRegex = new RegExp('/\S+@\S+\.\S+/');
    const phoneRegEx = new RegExp('/^[(]{0,1}[0-9]{3}[)]{0,1}[-\s\.]{0,1}[0-9]{3}[-/\s\.]{0,1}[0-9]{4}$/');
    return (
<myForm>
  <TextField id="smsNumber" value={userInfo.smsNumber} name="smsNumberName" required requiredError="Mobile is a required field." validations={{matchRegexp:phoneRegEx}} validationErrors={{matchRegexp:'Enter a valid mobile.'}} onChange={changeSmsNumber} floatingLabelText={t('userProfile.mobile', "Mobile")} floatingLabelFixed={true} hintText={t('userProfile.mobile', "Mobile")}/>
</myForm>
   );
};

此代码始终显示"输入有效的移动设备"错误消息.

嗨,我正在使用React 14并在ES6中编写它.我正在使用formsy-material-ui进行表单验证.有一种情况我想在单击按钮时清除文本字段的值.

我尝试了以下代码

<FormsyText
    name="email"
    ref="email"
    validations="isEmail"
    validationError="Invalid Email"
    hintText="Email"
    value={this.state.emailValue}
/>

点击按钮,我正在执行以下代码行

this.setState({emailValue : ''});

但是文本字段没有被清除.如何清除它.请帮忙.