react 外部函式的引用以及onClick傳遞引數

well2049發表於2017-10-28
原文網址 : https://blog.csdn.net/well2049/article/details/78377549
React函式

學習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封裝函式就實現啦。




相關文章