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封装函数就实现啦。