reactで<div>を入力するとエラーになってしまいます。対策が分かりましたらご教示いただきたいです。

Question

前提・実現したいこと

reactを始めたのですが<div>を入力するとエラーになってしまい困っています。
解決法があればご教示いただきたいです。

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

<div>を入力するとエラーになってしまいます。

エラーメッセージ

./src/Blog.jsx
SyntaxError: /Users/Desktop/react_test/torazemi/src/Blog.jsx: Unexpected token (10:12)

8 | render() {
9 | return {

10 | <div>

 |             ^

11 | <Article />
12 | </div>
13 | }

該当のソースコード

class Blog extends React.Component {
constructor(props) {
super(props);
}
render() {
return {
<div>
<Article />
</div>
}
}

export default Blog

react.js
ソースコード

import React from 'react';
import Article from "./Article";

class Blog extends React.Component {
constructor(props) {
super(props);
}
render() {
return {
<div>
<Article />
</div>
}
}
}

export default Blog

試したこと

ここに問題に対して試したことを記載してください。
書き直したり他の方の書いたコードを貼り付けたりしましたがそれでも<div>の部分でエラーになってしまいます。
一応調べてみたのですが同じようなケースはないようで困っています。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

質問文中のコードブロックに正しくソースを貼っていただきたいところですが、ぱっと見でreturnの書き方がおかしいなと感じました。
下記のように書いていませんか？

return {
  <div>
    ...略
  </div>
}

returnするコンポーネントは{}ではなく()で囲いましょう。

return (
  <div>
    ...略
  </div>
)

Comments

[fumien]

エラー消えました！
ありがとうございます！
助かりました！