07 React 引用bootstrap模組

2021-08-22 07:09:56 字數 1014 閱讀 7349

安裝bootstrap模組

cnpm i [email protected] -s
引用bootstrap模組

//如果引用的包安裝到  node_modules目錄中

//則可以省略 node_modules 這一層目錄,直接以包名開始引入

import bootcss from 'bootstrap/dist/css/bootstrap.css'

配置處理webpack.config.js字型檔案的 loader

安裝url-loaderfile-loader -d

cnpm i url-loader -d

cnpm i file-loader -d

引用樣式類,屬性帶-不能.出來,需要使用

按鈕}
以上寫法由於模組化,使得樣式類的引用比較複雜,不應對第三方樣式表模組化

可規定

安裝處理sass或less的loader

cnpm i sass-loader node-sass -d
配置

//打包處理css的loader,不在模組化

,//打包處理sass的loader

對樣式表只匯入即可

import cssobj from '@/css/commentlist.scss'	//自定義

import 'bootstrap/dist/css/bootstrap.css' //第三方

使用

按鈕
源**

07 React 元件三大屬性 refs

需求 自定義元件,功能說明如下 1.介面如頁面所示 2.點選按鈕,提示第乙個輸入框中的值 3.當第2個輸入框失去焦點時,提示這個輸入框中的值 第一步,初始化靜態元件,並渲染元件標籤 第二步,做互動,點選按鈕彈出輸入框中的值,以及失去焦點是彈出輸入框中的值 前者操作的dom元素和觸發事件的元素不是同乙...

React元件引用

需要安裝一些外掛程式 gulp webpack jsx loader react dom react gulp concat browser sync gulp gulpfile.js var webpack require gulp webpack var loader require jsx l...

C 入門day07(引用)

今日調侃 說,python適合不想當程式設計師的人用來程式設計 引用的基本使用 作用 給變數起別名 語法 資料型別 別名 原名 注意 引用必須初始化,而且不可改變 作用 函式傳參時,可以利用引用的技術讓形參修飾實參 優點 可以簡化指標修改實參 引用傳遞 和位址傳遞 的效果是一樣的 作用 引用是可以作...