我有一个用于电子邮件的 MaterialUI 文本字段,当用户离开该字段时,它会验证输入。为此,我使用了 onBlur 上的一个函数。我想使用帮助文本显示错误消息。
电子邮件字段的代码:
<TextField
margin="dense"
id="emailAddress"
name="email"
label="email"
type="email"
onChange={onChange}
onBlur={validateEmail}
value={email}
error={validEmail}
helperText={validEmail ? 'Please enter a valid Email' : ' '}
fullWidth
/>
Run Code Online (Sandbox Code Playgroud)
validEmail 变量在功能组件内部初始化如下:
let validEmail = false;
Run Code Online (Sandbox Code Playgroud)
validateEmail 在同一组件内定义为:
const validateEmail = () => {
if (!email || invalidEmail(email)) {
validEmail = true;
} else {
validEmail = false;
}
};
Run Code Online (Sandbox Code Playgroud)
但它不起作用,并且不显示错误消息。我在这里可能缺少什么?检查 invalidEmail 的条件确实得到执行。
我已经成功使用电子完成了 React 应用程序的打包。它运行良好并加载主页,但当我尝试路由时,它根本不起作用。我在我的项目中使用了reach-router,我猜我必须为此目的调整我的路由配置。
仅供参考,这不是我发出的网络请求,它只是从主页路由到不需要 API 调用的登录页面。但什么也没发生。
import { Router } from '@reach/router';
const App = () => (
<Provider store={STORE}>
<Main>
<Router>
<Home default path="/" />
<Login path="login" />
</Router>
</Main>
</Provider>
);
export default App;
Run Code Online (Sandbox Code Playgroud)
有关于如何使用react-router解决此问题的帮助,但互联网上没有关于reach-router的信息。
我正在寻找一种方法来检测(在其中注入代码)python 程序。例如,如果程序满足if条件x > 2,我想在打印到控制台的条件print后面自动添加一条语句。ifx > 2
该程序的源代码不可用。
reactjs ×2
electron ×1
javascript ×1
material-ui ×1
onblur ×1
python ×1
python-2.7 ×1
reach-router ×1