为了账号安全,请及时绑定邮箱和手机立即绑定
  • 笔记笔记笔记

    查看全部
  • 使用樣式有兩種方法:

    1. 使用style行內樣式
      JSX語法中,如果要加個行內樣式,必須要用{{}}包裹,最外層這個花括號表示他裡面是個 JSX表達式,而裡面的花括號表示這個表達式實際上是個JSX的對象。
      要用對象的形式進行編碼:<botton style={{ background: "green" , color: "#fff" }}>Add</button>

    2. 使用class樣式類
      要用className這個關鍵詞,不能用class。
      因為在React中Class是關鍵詞,表示定義一個React的組件

    組件最外層的div可以使用 React.Fragment元素代替,在渲染時不會顯示最外層標籤。

    使用結構賦值,在應用React的時候,一並引用Component, Fragment


    查看全部
  • 父子組件概念:父組件通過屬性的形式向子組件傳遞參數,子組件通過props的形式接受父組件傳過來的參數

    查看全部
  • 儘量不要直接去改變state裡面的數據,而是生成一個副本去修改,然後重新對state賦值。

    在ES6中,如果key、value同名,可以省略成this.setState({list});

    查看全部
  • 當在input框輸入內容的時候,onChange事件會被執行。改變state裡面inputValue的值,inputValue只要一變,對應dom節點上的input的value值也會跟著變

    當點擊button的時候,改變了state的list值同時改變inputValue的值,而inputValue只要一變,對應dom節點上的input的value值也一定會跟著變

    查看全部
  • render函數return出去的內容只能是一個大的JSX

    constructor是組件被創出的一瞬間會俾自動執行

    當TodoList組件剛被創建的時候,constructor會被自動執行,super(props)做一些初始化,創建一個state的數組對象

    React裡面的state數據只能使用this.setState去改變

    當數據發生變化的時候,React會重新自動去執行render函數,重新去渲染頁面,所以數據一變化,頁面就跟住變化。之前的編程是自己去操作dom,而在React裡面不在是操作dom,而是面向數據編程。

    React要求我們,每一項的內容返回的時候,標籤上必須要有key值,key值是唯一的,不能重複

    查看全部
  • JSX語法,允許我們在React中直接去使用標籤結構的代碼結構,JSX裡面只能寫JS的表達式(用{}),不能寫JS語句。


    查看全部
    0 采集 收起 来源:简单的JSX语法

    2020-05-25

  • 第一步: 安装 node  

    (Reactjs官网:https://reactjs.org/)

    第二步 :利用脚手架 创建项目 npx create-react-app todolist

    第三步:进入 todolist 文件后 运行项目 npm start


    查看全部
  • http://img1.sycdn.imooc.com//5ec765450001587d15750849.jpg老师讲的很清晰,听完基本都很好理解,查看全文有图?


    查看全部
  • 結構賦值
    import React, { Componentm Fragment } from 'react';

    React.Component => Component
    React.Fragment => Fragment

    查看全部
  • 組件最外層的div可以使用 React.Fragment元素代替,在渲染時不會顯示最外層標籤。

    查看全部
  • 引入樣式
    import './style.css';

    查看全部
  • class方式添加樣式

    class='red-btn' 沒有報錯,但有警告
    在 React 中 class這個關鍵詞表示在定義一個 React 組件,所以不建議你在樣式中使用 class 這個名字,而是使用 className

    查看全部
  • 寫成 style='backgroud:red' 會報錯

    JSX語法中,如果要加個行內樣式,必須要用{{}}包裹,最外層這個花括號表示他裡面是個 JSX表達式,而裡面的花括號表示這個表達式實際上是個JSX的對象。

    要寫成(對象的方式來編碼):

    style={{backgroud:'red'}}
    查看全部
  • 渲染 li 列表的部分可以單獨拆分成一個函式來編寫。
    getTodoItems()

    查看全部
    0 采集 收起 来源:代码优化

    2020-05-16

举报

0/150
提交
取消
课程须知
1、对Javascript基础知识已经掌握。 2、对Es6和webpack有简单了解。
老师告诉你能学到什么?
1、React项目架构搭建 2、JSX语法 3、React组件化开发 4、React组件间通信 5、React中的事件 6、React代码优化 7、React中组件的样式修饰

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!