react 外部函式的引用以及onClick傳遞引數
學習react 有一段時間了,還沒有總結過自己的經驗,其實也就是遇到的坑。現在就記錄兩個調出的坑。
第一個:就是在元件內使用外部模組或者元件的自定義的函式。
首先在當前元件內import外部元件。例如:
import {savefunction} from './saveAjax';
而這個saveAjax的模組裡面就是我寫的自定義的一個函式,以後肯定是封裝的自己的方法,現在看個簡單。就是列印一下傳遞過來的引數。
import React, {Component} from 'react';
export function savefunction (saveType,saveData) {
var mytype = saveType;
var data = saveData;
console.log(mytype,data);
}
接下來就是在當前的元件中怎麼使用saveAjax模組的savefunction。
<button className="deletBtn" onClick={savefunction.bind(this,this.state.newtype,44)}><Icon type="delete" /> 儲存 </button>
當然如果不需要傳遞引數過去,直接onClick={savefunction} 就可以啦。
其實,這樣一個簡單 的引用外部函式和onClick傳參,react封裝函式就實現啦。
相關文章
- onclick事件處理函式傳遞引數事件函式
- php函式引用傳遞引數的方法PHP函式
- Python的函式引數傳遞:傳值?引用?Python函式
- js中函式引數值傳遞和引用傳遞JS函式
- 如何給js的onclick事件處理函式傳遞引數JS事件函式
- js函式引數值傳遞和引用傳遞簡單介紹JS函式
- 函式的引數傳遞函式
- Python函式引數傳遞以及變數作用域Python函式變數
- JavaScript函式傳遞引數JavaScript函式
- JavaScript函式引數傳遞JavaScript函式
- 函式作為引數傳遞函式
- 函式引數傳遞及返回函式
- python中函式的引數傳遞Python函式
- React事件傳遞引數React事件
- python函式之引數傳遞Python函式
- js中 函式引數的 傳值/傳引用 問題JS函式
- 父類與子類之間靜態函式的呼叫以及函式引數的傳遞函式
- Go 之基礎速學 (五) golang 裡函式以及函式之間引數的傳遞Golang函式
- JavaScript 事件處理函式傳遞引數JavaScript事件函式
- 引數傳遞方式必須是const引用傳遞
- 【C語言】函式的概念和函式的呼叫(引數傳遞)C語言函式
- 使用arguments物件獲取函式傳遞的引數物件函式
- Java引數傳遞是傳值還是傳引用?Java
- Python語法—函式及引數傳遞Python函式
- JavaScript為事件處理函式傳遞引數JavaScript事件函式
- python 函式引數的傳遞(引數帶星號的說明)Python函式
- 如何計算PHP函式中傳遞的引數數量PHP函式
- 面試官問:Go 中的引數傳遞是值傳遞還是引用傳遞?面試Go
- 函式名作為引數傳遞 與 回撥函式函式
- Golang中函式傳參存在引用傳遞嗎?Golang函式
- Python 函式中,引數是傳值,還是傳引用?Python函式
- react篇章-React 元件-向元件傳遞引數React元件
- javascript函式引數引用型別傳遞其實也是一個複製過程JavaScript函式型別
- Python3之函式的引數傳遞與引數定義Python函式
- iOS之@selector的函式傳遞多個引數iOS函式
- js如何給事件繫結的函式傳遞引數JS事件函式
- python中函式引數傳遞的幾種方法Python函式
- 《從零開始學Swift》學習筆記(Day 20)——函式中引數的傳遞引用Swift筆記函式