渲染未返回任何内容。这通常意味着缺少返回语句。或者，要不渲染任何内容，请返回 null

小能豆

渲染未返回任何内容。这通常意味着缺少返回语句。或者，要不渲染任何内容，请返回 null

javascript

我在 React 中有一个组件，正在将其导入到 index.js 中，但是它出现了这个错误：

渲染未返回任何内容。这通常意味着缺少 return 语句。或者，若要不渲染任何内容，请返回 null。

index.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;

阅读 150

2024-06-05

共1个答案

小能豆

我在render()方法中遇到了同样的问题。问题出现在从render()返回时，如下所示：

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

即如果你在新行开始括号

尝试使用：

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

这将解决错误

2024-06-05