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

【字号: 日期:2024-04-18浏览:26作者:雯心
(adsbygoogle = window.adsbygoogle || []).push({}); 如何解决渲染未返回任何内容这通常意味着缺少return语句或者,不渲染任何内容,则返回null?

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

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

尝试使用:

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

这样可以解决错误

解决方法

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

相关文章: