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封裝函式就實現啦。
相關文章
- Python的函式引數傳遞:傳值?引用?Python函式
- php函式引用傳遞引數的方法PHP函式
- 函式的引數傳遞函式
- JavaScript函式傳遞引數JavaScript函式
- python中函式的引數傳遞Python函式
- 函式作為引數傳遞函式
- 函式引數傳遞及返回函式
- js中 函式引數的 傳值/傳引用 問題JS函式
- React事件傳遞引數React事件
- Go 之基礎速學 (五) golang 裡函式以及函式之間引數的傳遞Golang函式
- 引數傳遞方式必須是const引用傳遞
- Python語法—函式及引數傳遞Python函式
- 【C語言】函式的概念和函式的呼叫(引數傳遞)C語言函式
- Python3之函式的引數傳遞與引數定義Python函式
- JavaScript為事件處理函式傳遞引數JavaScript事件函式
- 如何計算PHP函式中傳遞的引數數量PHP函式
- Golang中函式傳參存在引用傳遞嗎?Golang函式
- react篇章-React 元件-向元件傳遞引數React元件
- 4.2 函式的外部引數名 [Swift教程]函式Swift
- 面試官問:Go 中的引數傳遞是值傳遞還是引用傳遞?面試Go
- ABAP 方法呼叫的引數傳遞裡,透過引用傳遞的方式,能修改原始引數值嗎?
- 『無為則無心』Python函式 — 26、Python函式引數的傳遞方式Python函式
- 彙編眼中的函式呼叫引數傳遞以及全域性與區域性變數與“基址”函式變數
- Golang 切片作為函式引數傳遞的陷阱與解答Golang函式
- Go語言引數傳遞是傳值?還是傳引用 ?Go
- Python引數傳遞,既不是傳值也不是傳引用Python
- 二級指標,二維陣列函式引數傳遞指標陣列函式
- C#程式設計:ref【引數按引用傳遞】C#程式設計
- C語言函式傳遞指標引數的問題詳解C語言函式指標
- (求教)關於js函式按值、引用傳遞的問題JS函式
- 函式中引數傳值函式
- go語言引數傳遞到底是傳值還是傳引用Go
- 傳遞函式函式
- 引數傳遞
- 遞迴函式,可變引數列表遞迴函式
- 將函式作為引數傳遞解決非同步問題函式非同步
- php函式之如何用預設引數和可變長度引數方式傳遞?PHP函式
- 『無為則無心』Python函式 — 29、Python變數和引數傳遞Python函式變數
- Hellow C# unity學習記錄(7)值型別引用型別以及引數傳遞C#Unity型別