javascript - 渲染没有返回任何内容。这通常意味着缺少返回语句。或者,不渲染任何内容,返回 null

标签 javascript reactjs

<分区>

我在 React 中有一个组件,我正在将其导入 index.js,但它给出了这个错误:

Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, 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;

最佳答案

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

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

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

尝试使用:

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

这将解决错误

关于javascript - 渲染没有返回任何内容。这通常意味着缺少返回语句。或者,不渲染任何内容,返回 null,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46741247/

相关文章:

javascript - d3 : key function choice when appending element to an existing svg

php - $_GET ["q"] ... $q==1 echo "yadda yadda yadda!"... 返回未定义。使用 XAMPP 的本地主机

javascript - 在哪里托管用于分发的 javascript 闭源前端库?

reactjs - 如何扩展和重写样式对象reactjs

css - 具有静态和动态高度的垂直堆叠 View - React Native

Javascript:如何暂停/停止当前播放的音频?

javascript - 如何在C中将UNICODE/UTF-8转换为GB2312

javascript - 如何从 MERN 技术栈中的数据库中检索最后添加的记录?

javascript - React + JS 文件,使用 Atom + Chrome 控制台未捕获错误 : Minified exception,

javascript - 高阶 React 组件中可选参数的流类型