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

Question

我在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;

Answer 1

我在 render（） 方法中遇到了同样的问题。当您从 render（） 返回时出现问题：

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

即如果您在新行中开始括号

尝试使用：

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

这样可以解决错误