我在尝试只允许将特定子项传递给组件时遇到了麻烦。
这是我的组件,HeaderLink
import { SFC, ReactElement } from "react";
import "./Header.scss";
export interface IHeaderLinkProps {
url: string;
label: string;
}
const HeaderLink: SFC<IHeaderLinkProps> = ({ url, label }): ReactElement => (
<li className="nav-item">
<a href={url}>{label}</a>
</li>
);
export default HeaderLink;
Run Code Online (Sandbox Code Playgroud)
和标题
import { SFC, ReactElement } from "react";
import { IHeaderLinkProps } from "./HeaderLink";
import "./Header.scss";
interface IHeaderProps {
children: ReactElement<IHeaderLinkProps> | ReactElement<IHeaderLinkProps>[];
}
const Header: SFC<IHeaderProps> = ({ children }): ReactElement => {
return (
<header className="header">
<div className="container"> …Run Code Online (Sandbox Code Playgroud) 我为唯一的电子邮件做了一个自定义验证注释(当用户自己注册时,程序会检查电子邮件是否已经在数据库中)。
一切正常,但是当我需要修改用户信息而不是创建新信息时,我遇到了“电子邮件已在使用中”的问题
我可以以某种方式仅关闭@UniqueEmail验证吗(我需要其他的,如电子邮件模式和密码验证)?
所有验证注释都在同一个 User bean 中。
谢谢你。
我在通过 forEach 循环内的嵌套 axios 调用更新状态时遇到问题:
constructor(props) {
super(props);
this.state = {
isLoaded: false,
items: []
};
//Binding fetch function to component's this
this.fetchFiles = this.fetchFiles.bind(this);
}
componentDidMount() {
this.fetchFiles();
}
fetchFiles() {
axios.get('/list')
.then((response) => {
var items = response.data.entries;
items.forEach((item, index) => {
axios.get('/download'+ item.path_lower)
.then((response) => {
item.link = response.data;
})
.catch(error => {
console.log(error);
})
});
this.setState(prevState => ({
isLoaded: true,
items: items
}));
console.log(this.state.items);
})
.catch((error) => {
console.log(error);
})
}
Run Code Online (Sandbox Code Playgroud)
这个想法是使用 Dropbox 的 API (JavaScript …
reactjs ×2
annotations ×1
async-await ×1
asynchronous ×1
axios ×1
es6-promise ×1
spring ×1
typescript ×1
validation ×1