reactjs - 无法从存储中读取数据

Question

我正在从商店中获取主题的标题，但我收到了这条消息

react-dom.development.js:14348 Uncaught (in promise) Error: ReadBlogPage(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.

这是我的代码的一部分

const BlogDahsboardPage = () => (
    <div>
       <TopicsListFilters />
       <TopicsList />
       <ReadBlogPage />
    </div>
);

export default BlogDahsboardPage;

和

const ReadBlogPage = (props) => {
    <div>
        <h1>{props.topics.title}</h1>
    </div>
}

    const mapStateToProps = (state) => {
        return {
            topics: selectTopics(state.topics, state.filters)
        };
    };
    
export default connect(mapStateToProps)(ReadBlogPage);

我该如何解决这个错误？谢谢，西奥。

标签： reactjs

Answer 1

你的代码是错误的：

const ReadBlogPage = (props) => { // true, Nothing was returned from render. :-)
    <div>
        <h1>{props.topics.title}</h1>
    </div>
}

你应该使用返回：

const ReadBlogPage = (props) => { // <----- problem, use return or (
  return (
      <div>
          <h1>{props.topics.title}</h1>
      </div>
  )
}