react 總結4 引入元件庫

2021-09-28 19:47:10 字數 1148 閱讀 3038

1.構建乙個專案

2.引入元件庫 antd 通過yarn add antd安裝 或者 npm i antd 安裝

/* package.json */

"scripts":

4.然後在專案根目錄建立乙個 config-overrides.js 用於修改預設配置。

module.exports = function override(config, env) ;

5.使用 babel-plugin-import 來按需引入

yarn add babel-plugin-import

然後修改config-overrides.js的內容

+ const = require('customize-cra');

- module.exports = function override(config, env) ;

+ module.exports = override(

+ fixbabelimports('import', ),

+ );

然後引入完成 使用元件即可

import

'../style/banner.css'

import react,

from

'react'

import

from

'antd'

;class

banner

extends

component

}>

dotposition=

//可以在元件標籤裡新增api裡的配置 操作元件樣式

>

1<

/h3>

<

/div>

2<

/h3>

<

/div>

3<

/h3>

<

/div>

4<

/h3>

<

/div>

<

/carousel>

<

/div>

<

/fragment>)}

}export

default banner

react系列(7)引入jquery

jquery在webpack中的引用寫法 var require jquery 若想發生網路請求,在元件剛完成掛載componentdidmount的時候,只要遵照jquery的ajax標準寫法標準即可 var ajaxtest react.createclass componentdidmount...

VUE3 0引入vant元件庫

目前vant 3 是基於 vue 3 開發的,在使用 vant 3 前,請將專案中的 vue 公升級到 3.0 以上版本。通過 npm 安裝 在現有專案中使用 vant 時,可以通過npm或yarn安裝 通過 npm 安裝npm i vant next s通過 yarn 安裝yarn add van...

thinkphp5 引入第三方類庫

1.首先在應用根目錄下面的extend 目錄下建立乙個檔案util 自己隨意建立只為自己識別 2.在util下建立乙個類檔案 或者引入其他的 建立乙個類 work.php 如下 namespaceutil classwork 3.引用我們建立的類 work.php 第一種引用方法 也是最常用的 首先...