React-搭配Redux簡易教學

先利用React製作一個簡單的計數器 index.js 12345import React from 'react';import ReactDOM from 'react-dom';import App from './App';ReactDOM.render(<App />, document.getElementById('root')); App.js 12345678910

React

2019-08-05

React-setState基本應用

基本應用2.setState使用123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869import React, {Component} from 'react';import

React

2019-08-05

React-props基本應用

基本應用1.用props指定初始值 Counter.js 1234567891011121314151617181920212223242526272829import React, {Component} from 'react';class Counter extends Component{ constructor(props){

React

2019-07-30

React-props父層屬性傳到子層

1.利用props父層屬性傳到子層父層List.js 123456789101112131415161718192021import React, { Component } from 'react'; //載入react核心import Item from './Item' //載入Item.jsclass List

React

2019-07-29

React-組件的自訂涵式兩種寫法

組件的自訂涵式兩種寫法第一種(箭頭涵式)詳細資料請看上一篇文章(React-組件的事件處理和狀態更新) 第二種(一般涵式)使用一般涵式，則需要將this重新綁定，所以建議使用箭頭涵式。 1234567891011121314151617181920212223242526272829303132333435363738394041424344import React, {Componen

React

2019-07-28

React-組件的事件處理和狀態更新

組件的事件處理和狀態更新新增一個Message組件 123456789101112131415161718192021222324252627282930import React, {Component} from 'react'; //載入react核心class Message extends Component{ //創建一個Me

React

2019-07-27

React-入門教學第一篇

1.使用node.js 新增一個全新的React專案123npx create-react-app 專案名稱 // 利用npx create-react-app　建構專案　cd my-app //　移動至專案目錄下npm start // 啟動 2.建立一個超入門的組件先將SRC資料夾底下的檔案全部刪除新增Item.js 1234567891011import React,

SEO

2019-06-16

SEO教學

http://schema.org/https://search.google.com/structured-data/testing-tool/ 初始設定先查看網站是什麼類型(例如: 產品,美術,電影…) 到此網站https://schema.org/docs/schemas.html找符合的類型 WebSite(網站名稱)WebSite寫法 head 加上 itemscope=”it

CSS3

2019-06-14

CSS3教學

1. 超過行數顯示… CSS3寫法 12345678910overflow: hiddentext-overflow: ellipsisdisplay: -webkit-box//超過2行顯示...-webkit-line-clamp: 2-webkit-box-orient: verticalword-break: break-all-webkit-box-orient: vertical

所有文章: 2019