最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

meteor - How to import&use javascript functions in jsx? - Stack Overflow

programmeradmin7浏览0评论

I want to use connect() javascript function in App.jsx. I'm using 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');
}

Thank you.

I want to use connect() javascript function in App.jsx. I'm using 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');
}

Thank you.

Share Improve this question asked May 25, 2016 at 8:52 6londe6londe 5571 gold badge8 silver badges17 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 7

You can export and import this function.

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>
    );
  }
}
发布评论

评论列表(0)

  1. 暂无评论