ARTS-2019-January-One

ARTS-2019-January-One

A(Algorithm):

The definite of Algorithm:

“a set of rules that precisely defines a sequence of operations.”

这个是维基百科上给出的一个非正式的定义,精确定义一系列操作的一个规则集合。

R(Review):

The Elements of UI Engineering

Dan在这篇文章中提到了UI工程相关的挑战,并希望读者能够在不使用任何库或者框架的情况下去实现,了解不同的实现方式和折中的方案,从而提高自己。

T(Technique):

react-router 手动控制导航

在React-router v4中两种实现跳转的方式,<Redirect>组件(优先推荐)和history.push

Redirect方式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
class Register extends React.Component {
state = {
toDashboard: false,
}
handleSubmit = (user) => {
saveUser(user)
.then(() => this.setState(() => ({
toDashboard: true
})))
}
render() {
if (this.state.toDashboard === true) {
return <Redirect to='/dashboard' />
}

return (
<div>
<h1>Register</h1>
<Form onSubmit={this.handleSubmit} />
</div>
)
}
}

history方式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
class Register extends React.Component {
handleSubmit = (user) => {
saveUser(user).then(() =>
this.props.history.push('/dashboard')
))
}
render() {
return (
<div>
<h1>Register</h1>
<Form onSubmit={this.handleSubmit} />
</div>
)
}
}

S(Share):

SEE Conf和D2参会感想

您的支持将鼓励我继续创作!
0%