我在React中有一个组件,我正在索引中导入它.js,但它给出了以下错误:

没有从render返回任何内容.这通常意味着缺少返回语句.或者,要不呈现任何内容,请返回null

指数js:

import React from 'react';
import ReactDOM from 'react-dom'; 
import  Search_Bar from './components/search_bar';

const   API_KEY = 'AIzaSyCnpDObOLiiqN87YKJKZ-cxzdAsvYD1F-U';

const App = () => {
    return
    (
        <div>
            <Search_Bar />
         </div>
    );
}

ReactDOM.render(<App />, document.querySelector('#root'));

组成部分:

import React from 'react';

const Search_Bar = () =>
{
    return <input />;
};

export default Search_Bar;

推荐答案

我在render()法中也遇到了同样的问题.

render() {
    return 
    (
        <div>Here comes JSX !</div>
    );
}

i.e. if you start the parenthesis in a new line

try 使用:

render() {
    return (
        <div>Here comes JSX !</div>
    );
}

这将解决错误

Reactjs相关问答推荐

使用包装器组件时useState onChange的问题

Redux toolet TypHelp:在使用redux thunk获取数据时无法读取未定义(读取类型)的属性

MUImaterial -ui-如何将文本字段和 Select 分组?

客户端组件中服务器组件的两难境地

try 在Dockerfile中使用AWS CLI将React构建工件上传到S3时出错

生成Reaction Vite应用程序的停靠容器时无法识别环境变量

更改滑块标记的文本 colored颜色 ./Reaction/MUI 5

Next.js Next-Auth登录函数重定向到http://localhost:3000/api/auth/error

如何在MUI x图表条形图上放置圆角?

在迭代状态时无法读取未定义的属性(读取 map )

React 错误无法读取未定义的属性(读取id)#react

Javascript - 正则表达式不适用于 MAC OS - 编码?

Yup.number().integer() 不将 1.0 视为小数,如何解决这个问题?

如何在 JS 中绘制具有不同笔画宽度的样条线

Zod 验证模式根据另一个数组字段使字段成为必需字段

React 测试库 - 如何断言异步函数之间的中间状态?

单元测试 useLoaderData() react-router v6 加载器函数

我如何在所有组件中使用 Chakra UI toast?

从 API 中提取映射数组后出现重复元素

为什么重新渲染不会影响 setTimeout 的计数?