jsxでjavascript関数をインポートして使用するには？

Question

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'); 
} 

ありがとうございました。

Answer 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> 
    ); 
    } 
}