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。


当然如果不需要传递参数过去,直接onClick={savefunction} 就可以啦。


其实,这样一个简单 的引用外部函数和onClick传参,react封装函数就实现啦。




你可能感兴趣的:(react 外部函数的引用以及onClick传递参数)