[英]How to import&use javascript functions in jsx?
I want to use connect() javascript function in App.jsx. 我想在App.jsx中使用connect()javascript函数。 I'm using meteor framework.
我正在使用流星框架。
App.jsx 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 connect.js
function connect() {
console.log('connected');
}
Thank you. 谢谢。
You can export and import this function. 您可以导出和导入此功能。
connect.js connect.js
export function connect() {
console.log('connected');
}
App.jsx 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>
);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.