> For the complete documentation index, see [llms.txt](https://super-yusuke.gitbook.io/udemy-course/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://super-yusuke.gitbook.io/udemy-course/meteno-react-app/2no.md).

# 2章の復習

[参考コード](https://codesandbox.io/s/3xlop5o8p1)

## index.js

```javascript
import React from "react";
import { render } from "react-dom";

import { ReactComponent } from "./ReactComponent";

render(
  <ReactComponent name="nakanishi" music="jazz" />,
  document.getElementById("root")
);
```

## ReactComponent.js

```javascript
import React from "react";

export const ReactComponent = ({ name, music }) => (
  <div>
    {name} {music}
  </div>
);
```