小编典典

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

reactjs

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

阅读 385

收藏
2020-07-22

共1个答案

小编典典

我在 render() 方法中遇到了同样的问题。当您从 render() 返回时出现问题:

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

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

尝试使用:

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

这样可以解决错误

2020-07-22