如何在 JSX 中添加函数？

Question

如何在 React 中添加 JavaScript 函数，这可能吗？我得到'功能无效'....//Main component function Main () {const vanilla_JS = function() { console.log('testing')} return (  <main>   <div>{vanilla_JS}</div>  </main> )}ReactDOM.render(<Main />, document.getElementById('root');

Answer 1

1）您在该ReactDOM行缺少一个右括号：

ReactDOM.render(<Main />, document.getElementById('root'));

2）您需要调用该函数才能使其工作

vanilla_JS()

在这个工作示例中，我没有登录到控制台，而是返回了一个字符串：

function Main() {

  const vanilla_JS = function() { return 'testing'; }

   return (

    <main>

      <div>{vanilla_JS()}</div>

    </main>

   );

}

ReactDOM.render(<Main />, document.getElementById('root'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.4/umd/react.production.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.4/umd/react-dom.production.min.js"></script>

<div id="root"></div>