我们可以在react js中调用javascript函数吗？

我正在尝试将HTML模板转换为react js。我有一个js文件，其中定义了一些函数。现在，当我试图在react js中调用该函数时，它显示了一个错误

未定义“abc”无未定义

下面是函数以及我如何调用它的详细信息：

class App extends React.Component {
  render() {
    return (
          <li>
             <a href="#" onClick={abc('purple')} title="purple" className="color">link</a>
          </li>
    );
  }
}


function.js

abc(color){
alert(color);
}

类应用程序扩展了React.Component{
render（）{
返回(


);
}
}
function.js
abc（彩色）{
警报（颜色）；
}

您可以使用

导入

和

导出

在

function.js中

export abc(color){
  alert(color);
}

在您的组件文件中

import { abc } from './function.js'
class App extends React.Component {
  render() {
    return (
          <li>
             <a href="#" onClick={()=>abc('purple')} title="purple" className="color">link</a>
          </li>
    );
  }
}

从'./function.js'导入{abc}
类应用程序扩展了React.Component{
render（）{
返回(


);
}
}

如果我有多个函数怎么办？是否需要全部导入？如果不想逐个导入函数，可以这样做：从“./function.js”以myFunc的形式导入*并通过myFunc.abc（）调用函数@jashanpabalamy function.js位于公用文件夹中，我无法将其导入src folder app.js文件中。我已通过脚本标记将其包含在public/index.html中。您可以使用../访问上层目录@jashanpabala不支持src/之外的相关导入。得到了这个错误