在React中如何引入CSS样式和JavaScript

React是一种用于构建用户界面的JavaScript库，它提供了一种组件化的开发方式，使得构建复杂的Web应用变得更加简单和可维护。在React中，我们可以使用CSS样式和JavaScript来增强和定制组件的外观和行为。本文将介绍如何在React中引入CSS样式和JavaScript代码。

引入CSS样式：

1. 内联样式：可以直接在组件中使用内联样式来定义CSS样式。内联样式使用JavaScript对象表示，其中键是CSS属性，值是属性对应的样式值。以下是一个示例：

import React from 'react';

function MyComponent() {
  const styles = {
    color: 'red',
    fontSize: '16px',
    fontWeight: 'bold'
  };

  return <div style={styles}>Hello, World!</div>;
}

export default MyComponent;

在上面的例子中，我们定义了一个styles对象，它包含了一些CSS样式属性。然后，我们将styles对象作为style属性传递给<div></