如何将Javascript代码放入React的组件中？

import React from 'react';

class MyComponent extends React.Component {
  render() {
    const message = 'Hello, World!';

    // 在render方法中编写JavaScript代码
    const formattedMessage = message.toUpperCase();

    return <div>{formattedMessage}</div>;
  }
}

export default MyComponent;

import React from 'react';

class MyComponent extends React.Component {
  render() {
    const message = 'Hello, World!';

    // 使用JavaScript表达式生成代码
    return <div>{message.toUpperCase()}</div>;
  }
}

export default MyComponent;

import React from 'react';

class MyComponent extends React.Component {
  handleClick() {
    // 在组件方法中编写JavaScript代码
    alert('Button clicked!');
  }

  render() {
    return <button onClick={this.handleClick}>Click me</button>;
  }
}

export default MyComponent;

import React from 'react';
import myScript from './myScript.js';

class MyComponent extends React.Component {
  componentDidMount() {
    // 在组件挂载后执行引入的JavaScript文件中的代码
    myScript();
  }

  render() {
    return <div>Hello, World!</div>;
  }
}

export default MyComponent;