时间戳

首页 > 解决方案 > 为什么我们应该在 return 语句中使用 {}

javascript - 为什么我们应该在 return 语句中使用 {}

问题描述

我是新手，我有疑问：

为什么我应该在 return 语句中使用花括号？

示例代码：

import React from 'react';
import Hobbies from './Hobbies';

const HobbyList = () => {

    const hobbies = ["Surfing", "Rock climbing", "Mountain biking", "Breakdancing"];
    return (
        <div>
           { hobbies.map(hob => <Hobbies hobbies={hob}/>)}
        </div>
    );
};

export default HobbyList;

标签： javascriptreactjs

解决方案

不知何故，代码需要与标签分开，这是在语句HTML中运行JavaScript代码的方式。return

正如文档所述：

它被称为 JSX，它是 JavaScript 的语法扩展。我们建议将它与 React 一起使用来描述 UI 应该是什么样子。JSX 可能会让您想起模板语言，但它具有 JavaScript 的全部功能。

建议阅读的文档：

  1. 介绍 JSX
  2. 在 JSX 中嵌入表达式

我希望这有帮助！

推荐阅读