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

Question

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

'abc' 未定义 no-undef

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

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

Answer 1

您可以改用import 和export。

在function.js

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

在你的 React 组件文件中

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