亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

[前端打怪升級(jí)--LV.1] react的基礎(chǔ)內(nèi)容

wean / 1809人閱讀

摘要：在第一次渲染后調(diào)用，只在客戶端。返回一個(gè)布爾值。在初始化時(shí)或者使用時(shí)不被調(diào)用。在組件接收到新的或者但還沒(méi)有時(shí)被調(diào)用。在組件完成更新后立即調(diào)用。在組件從中移除之前立刻被調(diào)用。

react使用教程 變量的使用 
constructor(props) {
super(props);
this.state = {
sliderSwiper: null,
movies: []
};
this.handleStart = this.handleStart.bind(this);
}

if (!baseHref) {
if (isPc) {
window["location"]["href"] = `${location.protocol}//${location.host}/demo/home`;
return;
}
if (!isPc) {
window["location"]["href"] = `${location.protocol}//${location.host}/m/home`;
return;
}
} else {
if (isPc && baseHref === "m") {
window["location"]["href"] = `${location.protocol}//${location.host}/demo/home`;
return;
}
if (!isPc && baseHref === "demo") {
window["location"]["href"] = `${location.protocol}//${location.host}/m/home`;
return;
}
}
父組件向子組件傳遞參數(shù) 
this.props.xxx
子向父?jìng)鬟f參數(shù) 
//父組件

//子組件
clickFun(text) {
????????this.props.pfn(text)//這個(gè)地方把值傳遞給了props的事件當(dāng)中
????}
組件判斷渲染 
const isLoggedIn = this.state.isLoggedIn; 
let button = null; 
if (isLoggedIn) { 
button = ; 
} else { 
button = ; 
} 
return ( 

 
 
{button} 

 ); 
}
組件循環(huán)渲染 
arr.map((element,index) =>{
    return 
{index}

})
react生命周期 
componentWillMount?在渲染前調(diào)用,在客戶端也在服務(wù)端。
componentDidMount?: 在第一次渲染后調(diào)用，只在客戶端。
componentWillReceiveProps?在組件接收到一個(gè)新的 prop (更新后)時(shí)被調(diào)用。這個(gè)方法在初始化render時(shí)不會(huì)被調(diào)用。
shouldComponentUpdate?返回一個(gè)布爾值。在組件接收到新的props或者state時(shí)被調(diào)用。在初始化時(shí)或者使用forceUpdate時(shí)不被調(diào)用。
componentWillUpdate 在組件接收到新的props或者state但還沒(méi)有render時(shí)被調(diào)用。在初始化時(shí)不會(huì)被調(diào)用。
componentDidUpdate ?在組件完成更新后立即調(diào)用。在初始化時(shí)不會(huì)被調(diào)用。
componentWillUnmount 在組件從 DOM 中移除之前立刻被調(diào)用。
refs的使用 和vue類(lèi)似 

this.refs.myInput.focus();
react 路由的使用 
//傳參和收參
[react跳轉(zhuǎn)和參數(shù)接收](https://blog.csdn.net/qq_24504591/article/details/78973633)

// routers.js
import React, { Component } from "react";
import { HashRouter as Router, Route, Switch, Redirect} from "react-router-dom";
import Home from "./views/Home"
import List from "./views/List";
import Board from "./views/Board";
import Item from "./views/Item";
import Search from "./views/Search";
class Routes extends Component {
render() {
return (















);
}
}
export default Routes;

// 如何跳轉(zhuǎn)






// index.js中
import Routes from "./routes";
ReactDOM.render(, document.getElementById("root"));
react組件種類(lèi)

靜態(tài)組件

function HelloMessage(props) { return 
Hello {props.name}!
; }

2.動(dòng)態(tài)組件

class List extends Component {
render() {
return (





);
}
}
z項(xiàng)目中使用scss 
npm i sass-loader node-sass --save-dev

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/106401.html

相關(guān)文章

  • React打怪升級(jí)-角色創(chuàng)建

    摘要：序年，立秋，打算入坑，知道這又是一項(xiàng)艱巨的任務(wù)。箭頭函數(shù)對(duì)象解構(gòu)類(lèi)拓展運(yùn)算符升級(jí)地圖指南學(xué)習(xí)曲線較為陡峭的需要一個(gè)明確的指南，這張來(lái)自一個(gè)被了的，要好好看一看。開(kāi)發(fā)簡(jiǎn)書(shū)項(xiàng)目從零基礎(chǔ)入門(mén)到實(shí)戰(zhàn)接下來(lái)，領(lǐng)任務(wù)，去升級(jí)吧 序 2018年，立秋，打算入坑React，知道這又是一項(xiàng)艱巨的任務(wù)。在框架選擇時(shí)，確實(shí)糾結(jié)了很長(zhǎng)時(shí)間，而為什么決定入坑React，是我看到一片文章。也決定把自己的基礎(chǔ)知識(shí)通...

    Noodles 評(píng)論0 收藏0

  • 前端修煉之路

    摘要：一步，兩步，三步四步五步，就這樣到達(dá)了人生的巔峰傳統(tǒng)前端生態(tài)初級(jí)不使用打包中間處理工具，手工處理圖片等資源掌握以下知識(shí)點(diǎn)基礎(chǔ)結(jié)構(gòu)，基礎(chǔ)樣式，基礎(chǔ)語(yǔ)法框架，系列插件框架，等基礎(chǔ)插件，等其他移動(dòng)端適配，瀏覽器兼容，瀏覽器調(diào)試等恭喜完成新手村修 一步，兩步，三步四步五步，就這樣到達(dá)了人生的巔峰~ 傳統(tǒng)前端生態(tài)-初級(jí) 不使用打包、中間處理工具，手工處理js、css、圖片等資源 掌握以下知識(shí)點(diǎn)：...

    Jason_Geng 評(píng)論0 收藏0

  • 前端修煉之路

    摘要：一步，兩步，三步四步五步，就這樣到達(dá)了人生的巔峰傳統(tǒng)前端生態(tài)初級(jí)不使用打包中間處理工具，手工處理圖片等資源掌握以下知識(shí)點(diǎn)基礎(chǔ)結(jié)構(gòu)，基礎(chǔ)樣式，基礎(chǔ)語(yǔ)法框架，系列插件框架，等基礎(chǔ)插件，等其他移動(dòng)端適配，瀏覽器兼容，瀏覽器調(diào)試等恭喜完成新手村修 一步，兩步，三步四步五步，就這樣到達(dá)了人生的巔峰~ 傳統(tǒng)前端生態(tài)-初級(jí) 不使用打包、中間處理工具，手工處理js、css、圖片等資源 掌握以下知識(shí)點(diǎn)：...

    macg0406 評(píng)論0 收藏0

  • [打怪升級(jí)]小程序評(píng)論回復(fù)和發(fā)貼功能實(shí)戰(zhàn)（一）

    摘要：往期回顧打怪升級(jí)小程序評(píng)論回復(fù)和發(fā)貼功能實(shí)戰(zhàn)二填坑手冊(cè)小程序生成海報(bào)一拆彈時(shí)刻小程序生成海報(bào)二填坑手冊(cè)小程序目錄結(jié)構(gòu)和組件使用心得 showImg(https://segmentfault.com/img/remote/1460000019733090?w=818&h=516); 在學(xué)習(xí)成長(zhǎng)的過(guò)程中，常常會(huì)遇到一些自己從未接觸的事物，這就好比是打怪升級(jí)，每次打倒一只怪，都會(huì)獲得經(jīng)驗(yàn)，讓...

    YJNldm 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<