如何在 react.js 中包含 javascript

Question

我正在構建一個 React.JS 網站，但我不完全確定如何在我的 html 中實現 JavaScript 的一部分。 在正常的 HTML 中，您可以將腳本放在這些標簽中：

<Script></Script>

但是使用 react.js

function App() {
  return (
    <div>
        <button onlick='log()'>Log</button>
        <script>
            Log() = Console.log('Hello')
        </Script>
    </div>
  );
}

export default App;

這樣的事情是行不通的。 我怎么能以這種方式運行腳本？

Answer 1

請了解 React 的工作原理以及事件的具體工作方式

一個基本的例子：

function App() {
  const log = () => console.log('Hello')

  return <button onClick={log}>Log</button>
}

export default App;

Answer 2

嘗試這個

 function App() {
const log =()=> {console.log('Hello')}
  return (
    <div>
        <button onClick={()=>log()}>Log</button>
     
    </div>
  );
}

export default App;

更多信息： https://reactjs.org/docs/handling-events.html

Answer 3

ReactJs 文檔將成為您的朋友，但基本上您可以在返回語句之前在 function 組件中運行 javascript 代碼

這是一個代碼框鏈接示例

Answer 4

無需使用腳本標簽，您可以將所需的所有功能放入應用程序 function 中，在返回之前請具體說明您需要做什么，以便我提供幫助

Answer 5

這是一種更好的方法，但是除了我認為我可以在此答案中解釋的內容之外，您還必須從問題中的代碼中了解很多關於 React 的知識。 您的代碼有許多拼寫錯誤，您可能實際上不需要使用<script>標記。

const logger = () => {
  console.log('hello')
}

function App() {
    return (
      <div>
          <button onClick={logger}>Log</button>
      </div>
    );
}

export default App;