React 學習筆記 (一)(建立元件、繫結資料、繫結屬性、迴圈資料、引入圖片)
使用 create-react-app 快速構建 React 開發環境
$ cnpm install -g create-react-app
$ create-react-app my-app
$ cd my-app/
$ npm start
建立元件、繫結資料、繫結屬性、迴圈資料
引入圖片
注意的點:
1、所有的模板要被一個根節點包含起來
2、模板元素不要加引號
3、用大括號{}繫結資料
4、迴圈資料要加key
5、img要加alt
6、繫結屬性
class 要變成 className
for 要變成 htmlFor
style屬性寫法
<div style={{'color':'red'}}>行內樣式1雙大括號</div> <div style={this.state.style}>行內樣式2 style="{'{this.state.style}'}"</div>
相關推薦
React 學習筆記 (一)(建立元件、繫結資料、繫結屬性、迴圈資料、引入圖片)
使用 create-react-app 快速構建 React 開發環境 $ cnpm install -g create-react-app $ create-react-app my-app $ cd my-app/ $ npm start 建立元件、繫結資料、繫結屬性、迴圈資
ArcGIS API for JavaScript 4.9學習筆記一(建立2D/3D地圖)
ArcGIS API for JavaScript 4.9學習筆記一(建立2D/3D地圖) 2D: 程式碼: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta
Shell程式設計學習筆記一(變數、運算子)
1.Shell是什麼 Shell 是一個命令列直譯器,它為使用者提供了一個向 Linux 核心傳送請求以便執行程式的介面系統級程式,使用者可以用 Shell 來啟動、掛起、停止甚至是編寫一些程式。 Shell(殼)可操控 Core(核心) 2.Shell指令碼的執行方式 (1)
Hadoop學習筆記一(通過Java API 操作HDFS,檔案上傳、下載)
package demo.hdfs; import java.util.Arrays; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.fs.BlockLocation; impor
Effective Java學習筆記一(靜態工廠方法、JavaBeans模式、builder模式)
靜態工廠方法代替構造器 對於類而言,為了讓客戶端獲取它自身的一個例項,最常用的辦法是提供一個公有的構造器。還有一種方法:公有的靜態工廠方法。它只是一個返回類例項的靜態方法,如下程式碼所示: public class Gender { pri
React學習筆記——Router(有待完善類比學習、頁面路由與服務端路由部分)
React-router 基本概念 import { Router, Route, Link } from 'react-router' BrowserRouter:容器元件,在其內配置Route為真正的路由方面的東西; Route:它最基本的職
React學習筆記一
pre class cnblogs har set head 源碼 span dom 一:安裝react 1:直接下載react源碼包,把需要用到的js文件引入自己的頁面即可。 2:BootCDN 的 React CDN 庫: 在頁面代碼中導入即可: <head&
react學習筆記(一)
告訴 我只 我們 sta pan 包括 自己的 這也 語法 在開篇之前,先來說說選擇react的初衷。 一個初學者,在開始選擇深入了解一個框架之前,我查閱了一些資料,做出了對三大框架的一些基本分析。 1.數據流。Vue和Angular都是支持雙向數據綁定,也就是
srping-data學習筆記一(傳統方式訪問數據庫實現和弊端分析)
https 下載 edi 存在 關系型 mys work rpi nbsp spring-data是一系列項目的集合,涵蓋訪問關系型、非關系型等各種數據源的子項目 spring data jpa 關系型 spring data mongo db spring data r
Maven學習筆記一(Maven安裝與環境變量配置)
maven學習筆記Maven包1.apache-maven-3.3.9-bin.zip2.apache-maven-3.3.9-src.zip(源碼) 配置環境變量 驗證: Maven學習筆記一(Maven安裝與環境變量配置)
Python學習筆記一(為什麽選擇python)
perl 選擇 n) 功能模塊 java組件 復雜 ansi 語句 網上 一、為什麽選擇Python 軟件質量:Python更註重可讀性、一致性,具備了比傳統腳本語言更優秀的可維護性和可重用性。 高開發效率:相對於C、Java等編譯/靜態類語言,Python開發效率要高出
Vue.js實戰 學習筆記 一(初識Vue.js)
hid dom 介紹頁面 pan 分離 name 管理 end 筆記 官方文檔中介紹:漸進式技術棧(漸進式即可以階段性地使用Vue,或者可以在使用jQuery的同時,部分模塊上使用Vue,而不是像Angular一樣一用就是全部使用) 在設計上,使用MVVM(Model-V
ROS學習筆記(一):建立工作空間和功能包
所有的ROS程式,包括我們自己開發的程式,都被組織成功能包,而ROS的功能包被存放在稱之為工作空間的目錄下。因此,在我們寫程式之前,第一步是建立一個工作空間以容納我們的功能包。其實ROS工作空間就是linux下的一個目錄,建立ROS工作空間就是建立一個linux目錄(我們建立名為catkin_ws的
Flink學習筆記 一(flink入門)
1.我們通常將資料分成無界資料集和有界資料集。 在我們的生活當中,只要還在持續不斷的產生或者變化,這樣的資料集我們都說它是無界資料集。 2.我們通常將計算方式分成兩種: 第一種是實時的,我們也稱之為流式處理 第二種是離線的,我們也稱之為批處理 這個兩種計算方式在某種意義上是可以相
react入門筆記一(react工程的創立)
1.建立一個普通的h5介面,然後像引入jquery一樣去引用react相關的js檔案 2. 需要引入browser的js包,這個包的作用是將jsx的語法轉為js,關於jsx後面的博文再詳細說明,但是我們在react的開發中使用的都不是js語法而是jsx,所以需要這個包來解析jsx
《程式碼整潔之道》學習筆記一(前三章)
我們都曾經瞟一眼自己親手造成的混亂,決定棄之於不顧,走向新的一天。 我們都曾經說過有朝一日要回頭清理。 當然,那是我們都沒聽過勒布朗法則:稍後等於永不(Later equals never)。 隨著混亂的增加,團隊的生產力不斷下降,趨向於零。 假如你是位醫生,病人請求你
《深入理解ES6》學習筆記一 (前四章)
1. 塊級作用域繫結 使用var定義變數時,Javascript引擎預編譯時會 將變數宣告移至程式頂部,具體的賦值操作在原宣告處 作用域外呼叫時值為 undefined 迴圈輸出時只輸出引用(可能全部相同) let定義變數
機器人作業系統(ROS)淺析(肖軍浩 博士 譯) 學習筆記一(第一章到第五章)
機器人作業系統(ROS)淺析(肖軍浩 博士 譯) 學習筆記 第一章: 第 1 章 緒論 1.1 選擇 ROS 的理由 分散式計算 現代機器人系統往往需要多個計算機同時執行多個 程序,例如: (1)一些機器人搭載多臺計算機,每臺計算機用於控制機器人的 部分驅動器或感測器
TF學習筆記2(建立一個釋出者)
在接下來的兩個教程中,我們將編寫程式碼以重現tf介紹教程的Demo。之後,以下教程將重點放在使用更高階的tf功能擴充套件演示。 在開始之前,您需要為此專案建立一個新的ros包。 建立一個名為learning_tf的包,它依賴於tf,roscpp,rospy和turtlesim: $ c
TF學習筆記3(建立一個監聽者)
在之前的教程中,我們建立了一個tf釋出者,用於將龜的姿勢釋出到tf。 在本教程中,我們將建立一個tf監聽器以開始使用tf。 1 如何建立一個tf監聽者 我們先建立原始檔。 轉到我們在上一個教程中建立的包: $ roscd learning_tf 1.1 程式 啟動您喜歡的