Wie importieren und verwenden Sie JavaScript-Funktionen in jsx?

Question

Ich möchte connect() JavaScript-Funktion in App.jsx verwenden. Ich benutze Meteor-Framework.

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

Danke.

Answer 1

Sie können diese Funktion exportieren und importieren.

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