首页 > 解决方案 > 简单组件不会出现在浏览器上

问题描述

我试图在浏览器上呈现我在{getBetNumbers()}中的反应组件 Numbers

我收到此错误:

在此处输入图像描述

const newBet: React.FC = () => {
        
      const getBetNumbers = () => {
        while (++i <= 25) {
          if (i >= 100) {
            <Numbers>{i}</Numbers>;
          } else {
            <Numbers>{i}</Numbers>;
          }
        }
      };
      return (
            <NumbersContainer>{getBetNumbers()}</NumbersContainer>
    )

标签: javascriptreactjstypescript

解决方案


好吧,您没有调用返回 JSX 的函数。尝试这个:

<NumbersContainer>{getBetNumbers()}</NumbersContainer>

此外,删除函数体的花括号,用于隐式return.


推荐阅读