React之propsTypes進行型別的檢查

2021-08-20 20:30:57 字數 758 閱讀 9203

react中propstypes的主要作用就是用於對傳入引數的屬性的檢查。如

import proptypes from 'prop-types';

class greeting extends react.component

}greeting.proptypes = ;

其中,
name: proptypes.string
就是對name這個引數檢查是否型別為string

以上的**還可以寫成是

import proptypes from 'prop-types'

class greeting extends react.component

render()

}

還可以寫成通過es5的 方式來建立元件

import proptypes from 'prop-types';

const greeting = react.greatclass(,

render()

});

第三種建立方式:無狀態

function greeting(params) 

reactdom.render(

,mountnode

);

ps:1、引數可以不傳,不會報錯;

2、無狀態的意思是沒有就this.state屬性來儲存狀態

React初探之React特性

一 宣告式開發 與原生dom jquery等命令式程式設計不同 不通過指令來控制檢視變化,是面向資料的程式設計 通過控制資料,改動資料的方式控制檢視的變化,dom的部分react會幫你自動構建 二 可以與其他框架並存 reactdom.render document.getelementbyid r...

學習筆記之React

virtual dom 虛擬dom 傳統的web應用,操作dom一般是直接更新操作的,但是我們知道dom更新通常是比較昂貴的。而react為了盡可能減少對dom的操作,提供了一種不同的而又強大的方式來更新dom,代替直接的dom操作。就是virtual dom,乙個輕量級的虛擬的dom,就是reac...

React之教程總結

前言 前段時間學習了react,主要的學習資料是乙個不錯的 教程,學習的過程基本都是按部就班的學的。在學react之前,我是有jquery的基礎的,之前也簡單的了解過vue,知道類似vue這類框架和jquery是有很大的不同的。在以前,基本都是html css js 或jquery 而在vue re...