如何在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> 
    ); 
    } 
}