国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

[前端打怪升級--LV.1] react的基礎內容

wean / 1751人閱讀

摘要:在第一次渲染后調用,只在客戶端。返回一個布爾值。在初始化時或者使用時不被調用。在組件接收到新的或者但還沒有時被調用。在組件完成更新后立即調用。在組件從中移除之前立刻被調用。

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;
}
}

父組件向子組件傳遞參數
this.props.xxx
子向父傳遞參數
//父組件

//子組件
clickFun(text) {
????????this.props.pfn(text)//這個地方把值傳遞給了props的事件當中
????}
組件判斷渲染
const isLoggedIn = this.state.isLoggedIn; 
let button = null; 
if (isLoggedIn) { 
button = ; 
} else { 
button = ; 
} 
return ( 
{button}
); }
組件循環渲染
arr.map((element,index) =>{
    return 
{index}
})
react生命周期
componentWillMount?在渲染前調用,在客戶端也在服務端。
componentDidMount?: 在第一次渲染后調用,只在客戶端。
componentWillReceiveProps?在組件接收到一個新的 prop (更新后)時被調用。這個方法在初始化render時不會被調用。
shouldComponentUpdate?返回一個布爾值。在組件接收到新的props或者state時被調用。在初始化時或者使用forceUpdate時不被調用。
componentWillUpdate 在組件接收到新的props或者state但還沒有render時被調用。在初始化時不會被調用。
componentDidUpdate ?在組件完成更新后立即調用。在初始化時不會被調用。
componentWillUnmount 在組件從 DOM 中移除之前立刻被調用。
refs的使用 和vue類似

this.refs.myInput.focus();
react 路由的使用
//傳參和收參
[react跳轉和參數接收](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; // 如何跳轉 // index.js中 import Routes from "./routes"; ReactDOM.render(, document.getElementById("root"));
react組件種類

靜態組件

function HelloMessage(props) { return 

Hello {props.name}!

; }

2.動態組件

class List extends Component {
render() {
return (
); } }
z項目中使用scss
npm i sass-loader node-sass --save-dev

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/106401.html

相關文章

  • React打怪升級-角色創建

    摘要:序年,立秋,打算入坑,知道這又是一項艱巨的任務。箭頭函數對象解構類拓展運算符升級地圖指南學習曲線較為陡峭的需要一個明確的指南,這張來自一個被了的,要好好看一看。開發簡書項目從零基礎入門到實戰接下來,領任務,去升級吧 序 2018年,立秋,打算入坑React,知道這又是一項艱巨的任務。在框架選擇時,確實糾結了很長時間,而為什么決定入坑React,是我看到一片文章。也決定把自己的基礎知識通...

    Noodles 評論0 收藏0
  • 前端修煉之路

    摘要:一步,兩步,三步四步五步,就這樣到達了人生的巔峰傳統前端生態初級不使用打包中間處理工具,手工處理圖片等資源掌握以下知識點基礎結構,基礎樣式,基礎語法框架,系列插件框架,等基礎插件,等其他移動端適配,瀏覽器兼容,瀏覽器調試等恭喜完成新手村修 一步,兩步,三步四步五步,就這樣到達了人生的巔峰~ 傳統前端生態-初級 不使用打包、中間處理工具,手工處理js、css、圖片等資源 掌握以下知識點:...

    Jason_Geng 評論0 收藏0
  • 前端修煉之路

    摘要:一步,兩步,三步四步五步,就這樣到達了人生的巔峰傳統前端生態初級不使用打包中間處理工具,手工處理圖片等資源掌握以下知識點基礎結構,基礎樣式,基礎語法框架,系列插件框架,等基礎插件,等其他移動端適配,瀏覽器兼容,瀏覽器調試等恭喜完成新手村修 一步,兩步,三步四步五步,就這樣到達了人生的巔峰~ 傳統前端生態-初級 不使用打包、中間處理工具,手工處理js、css、圖片等資源 掌握以下知識點:...

    macg0406 評論0 收藏0
  • [打怪升級]小程序評論回復和發貼功能實戰(一)

    摘要:往期回顧打怪升級小程序評論回復和發貼功能實戰二填坑手冊小程序生成海報一拆彈時刻小程序生成海報二填坑手冊小程序目錄結構和組件使用心得 showImg(https://segmentfault.com/img/remote/1460000019733090?w=818&h=516); 在學習成長的過程中,常常會遇到一些自己從未接觸的事物,這就好比是打怪升級,每次打倒一只怪,都會獲得經驗,讓...

    YJNldm 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<