[英]Exporting 2 different functions in React
import React from 'react'
function subValues() {
let num1, num2, res;
num1 = Number(document.sub.txtnum1.value)
num2 = Number(document.sub.txtnum2.value)
res = num1 - num2;
document.sub.txtres.value=res
}
function Sub() {
return (
<div>
<form>
First number:<input type="number" className="txtNum1"></input>
Second number:<input type="number" className="txtNum2"></input>
Result: <input className="textres"></input>
<input type="button" value="Calculate" onClick="subValues()" ></input>
</form>
</div>
)
}
export {
Sub,
subValues
}
我正在尝试导出这两个函数。 我现在正在学习如何使用 React Router,并尝试使用单页应用程序创建一个非常基本的计算器。 当我尝试将 subValues 函数放在 Sub 函数中时,它不喜欢它。 我尝试了不同的导出方式, 在 react.js这个线程中导出多个模块中显示了这一点,但是当我尝试这些方式时它根本不喜欢它。 将这两个导出并与我的 App 组件一起使用的正确方法是什么? 非常感谢。
ps 我确实知道我在这里写的代码可能不起作用,而且可能是非常错误的。 我刚刚输入了所有这些,并试图能够测试我的代码,但直到我可以使用这两个功能时才能测试
您可以使用:
js
export function myFunction() {}
js
import { myFunction } from './A'
您可以在不同的行上导出并像这样导入
// Sub.js import React from 'react' export function subValues() { // content } export function Sub() { // content } // and where you want to import this, App.js import { Sub, subValues } form './Sub';
你这样导出:
export const subValues = () => {}
export const Sub= () => (<div> ... </div>);
要导入,您可以执行以下操作:
import { subValues , Sub } from './youClass.js';
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.