我在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;
我在 render() 方法中遇到了同样的问题。当您从 render() 返回时出现问题:
render() { return ( <div>Here comes JSX !</div> ); }
即如果您在新行中开始括号
尝试使用:
这样可以解决错误