Skip to content

Commit f68d77e

Browse files
committed
doc: update content
1.添加《前端进阶篇 v1.1》PDF 文档封面及下载链接
1 parent 2974cc8 commit f68d77e

File tree

3 files changed

+23
-8
lines changed

3 files changed

+23
-8
lines changed

README-en.md

Lines changed: 16 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,12 @@
22

33
> Click :star:if you like the project. Pull Request are highly appreciated.
44
5+
<<前端进阶篇 v1.1>> PDF 出炉了 — 「阿宝哥」,精心准备的 9 万多字 242 页的前端进阶资料。发布后 5 天内下载量为 **3170**
6+
7+
<img src="./images/frontend-advanced-intro-v1.1.jpg" style="zoom: 25%;" />
8+
9+
点击此 [全栈修仙之路 - 前端进阶篇](http://book.bugstack.cn/#s/6I-ldR3A) 链接,即可免费下载电子书。
10+
511
### Table of Contents
612

713
| No. | Questions |
@@ -440,12 +446,12 @@
440446
class User extends React.Component {
441447
constructor(props) {
442448
super(props)
443-
449+
444450
this.state = {
445451
message: 'Welcome to React world'
446452
}
447453
}
448-
454+
449455
render() {
450456
return (
451457
<div>
@@ -455,9 +461,9 @@
455461
}
456462
}
457463
```
458-
464+
459465
![state](images/state.jpg)
460-
466+
461467
State is similar to props, but it is private and fully controlled by the component. i.e, It is not accessible to any component other than the one that owns and sets it.
462468
463469
9. ### What are props in React?
@@ -3796,6 +3802,7 @@
37963802
handleSubmit = () => {
37973803
console.log("Input Value is: ", this.input.value)
37983804
}
3805+
```
37993806
38003807
38013808
render () {
@@ -3810,19 +3817,19 @@
38103817
}
38113818
}
38123819
```
3813-
3820+
38143821
But our expectation is for the ref callback to get called once, when the component mounts. One quick fix is to use the ES7 class property syntax to define the function
3815-
3822+
38163823
```jsx
38173824
class UserForm extends Component {
38183825
handleSubmit = () => {
38193826
console.log("Input Value is: ", this.input.value)
38203827
}
3821-
3828+
38223829
setSearchInput = (input) => {
38233830
this.input = input
38243831
}
3825-
3832+
38263833
render () {
38273834
return (
38283835
<form onSubmit={this.handleSubmit}>
@@ -5011,6 +5018,7 @@
50115018
```javascript
50125019
npm install bootstrap
50135020
``
5021+
```
50145022
3. React Bootstrap Package:
50155023
In this case, you can add Bootstrap to our React app is by using a package that has rebuilt Bootstrap components to work particularly as React components. Below packages are popular in this category,
50165024
1. react-bootstrap

README.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,14 @@
1313

1414
![fer_road_qrcode](./images/fer_road_qrcode.jpg)
1515

16+
<<前端进阶篇 v1.1>> PDF 出炉了 — 「阿宝哥」,精心准备的 9 万多字 242 页的前端进阶资料。发布后 5 天内下载量为 **3170**
17+
18+
<img src="./images/frontend-advanced-intro-v1.1.jpg" style="zoom: 25%;" />
19+
20+
点击此 [全栈修仙之路 - 前端进阶篇](http://book.bugstack.cn/#s/6I-ldR3A) 链接,即可免费下载电子书。
21+
1622
### 目录
23+
1724
<!-- TOC -->
1825
| 序号. | 问题 |
1926
| --- | --------- |
214 KB
Loading

0 commit comments

Comments
 (0)