diff --git a/README-en.md b/README-en.md index a4e125b..1812e8f 100755 --- a/README-en.md +++ b/README-en.md @@ -2,6 +2,12 @@ > Click :star:if you like the project. Pull Request are highly appreciated. +<<前端进阶篇 v1.1>> PDF 出炉了 — 「阿宝哥」,精心准备的 9 万多字 242 页的前端进阶资料。发布后 5 天内下载量为 **3170**。 + + + +点击此 [全栈修仙之路 - 前端进阶篇](http://book.bugstack.cn/#s/6I-ldR3A) 链接,即可免费下载电子书。 + ### Table of Contents | No. | Questions | @@ -440,12 +446,12 @@ class User extends React.Component { constructor(props) { super(props) - + this.state = { message: 'Welcome to React world' } } - + render() { return (
@@ -455,9 +461,9 @@ } } ``` - + ![state](images/state.jpg) - + 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. 9. ### What are props in React? @@ -3796,6 +3802,7 @@ handleSubmit = () => { console.log("Input Value is: ", this.input.value) } + ``` render () { @@ -3810,19 +3817,19 @@ } } ``` - + 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 - + ```jsx class UserForm extends Component { handleSubmit = () => { console.log("Input Value is: ", this.input.value) } - + setSearchInput = (input) => { this.input = input } - + render () { return (
@@ -5011,6 +5018,7 @@ ```javascript npm install bootstrap `` + ``` 3. React Bootstrap Package: 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, 1. react-bootstrap diff --git a/README.md b/README.md index 62bd790..b422d1f 100755 --- a/README.md +++ b/README.md @@ -9,10 +9,21 @@ 这里再次感谢 **[liaoyongfu](https://github.com/liaoyongfu)** 的大力支持🌹! +**阅读更多关于 Angular、TypeScript、Node.js/Java 、Spring 等技术文章,欢迎访问我的个人博客或关注我的公众号 —— [全栈修仙之路](http://www.semlinker.com/)** + +![fer_road_qrcode](./images/fer_road_qrcode.jpg) + +<<前端进阶篇 v1.1>> PDF 出炉了 — 「阿宝哥」,精心准备的 9 万多字 242 页的前端进阶资料。发布后 5 天内下载量为 **3170**。 + + + +点击此 [全栈修仙之路 - 前端进阶篇](http://book.bugstack.cn/#s/6I-ldR3A) 链接,即可免费下载电子书。 + ### 目录 + | 序号. | 问题 | -| --- | --------- | +| --- | --------- | | | [Core React](#core-react) | |1 | [什么是 React?](#什么是-react) | |2 | [React 的主要特点是什么?](#react-的主要特点是什么) | @@ -31,7 +42,7 @@ |15 | [如何将参数传递给事件处理程序或回调函数?](#如何将参数传递给事件处理程序或回调函数) | |16 | [React 中的合成事件是什么?](#react-中的合成事件是什么) | |17 | [什么是内联条件表达式?](#什么是内联条件表达式) | -|18 | [什么是 "key" 属性,在元素数组中使用它们有什么好处?](#什么是-"key"-属性在元素数组中使用它们有什么好处) | +|18 | [什么是 "key" 属性,在元素数组中使用它们有什么好处?](#什么是-key-属性在元素数组中使用它们有什么好处) | |19 | [refs 有什么用?](#refs-有什么用) | |20 | [如何创建 refs?](#如何创建-refs) | |21 | [什么是 forward refs?](#什么是-forward-refs) | diff --git a/images/fer_road_qrcode.jpg b/images/fer_road_qrcode.jpg new file mode 100644 index 0000000..ccfb3dc Binary files /dev/null and b/images/fer_road_qrcode.jpg differ diff --git a/images/frontend-advanced-intro-v1.1.jpg b/images/frontend-advanced-intro-v1.1.jpg new file mode 100644 index 0000000..cb01e93 Binary files /dev/null and b/images/frontend-advanced-intro-v1.1.jpg differ