如何在 jsx 中导入和使用 javascript 函数？答案

【问题标题】：How to import&use javascript functions in jsx?如何在 jsx 中导入和使用 javascript 函数？
【发布时间】：2016-09-22 18:21:10
【问题描述】：

我想在 App.jsx 中使用 connect() javascript 函数。我正在使用流星框架。

App.jsx

import React from 'react';
/* [I THINK THAT SOME IMPORT CODES SHOULD BE HERE..] */

export default class App extends React.Component {
  render() {
    return (
      <div>
        <button 
          onClick={ /* [I WANT TO USE connect() FUNCTION HERE] */ }
        > Connect </button>
      </div>
    );
  }
}

connect.js

function connect() {
  console.log('connected');
}

谢谢。

【问题讨论】：

标签： javascript meteor reactjs react-jsx meteor-react

【解决方案1】：

您可以导出和导入此功能。

connect.js

export function connect() {
  console.log('connected');
}

App.jsx

import React from 'react';
import {connect} from '/path/to/connect.js'

export default class App extends React.Component {
  render() {
    return (
      <div>
        <button 
          onClick={connect}
        > Connect </button>
      </div>
    );
  }
}

【讨论】：