小能豆

渲染未返回任何内容。这通常意味着缺少返回语句。或者,要不渲染任何内容,请返回 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;

阅读 149

收藏
2024-06-05

共1个答案

小能豆

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

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

即如果你在新行开始括号

尝试使用:

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

这将解决错误

2024-06-05