如何在 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() {&nbsp; const vanilla_JS = function() { return 'testing'; }&nbsp; &nbsp;return (&nbsp; &nbsp; <main>&nbsp; &nbsp; &nbsp; <div>{vanilla_JS()}</div>&nbsp; &nbsp; </main>&nbsp; &nbsp;);}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>