尝试使用redux部分呈现代码时遇到错误。从文件中分派字符串，但无法在app.js上获取

重复渲染错误 尝试使用redux部分呈现代码时遇到错误。已成功从文件中分派字符串，但未在app.js上获取该字符串

import React from 'react';
import {Route, BrowserRouter} from 'react-router-dom'
import {connect} from 'react-redux'
import Home from './components/home'
import Data from './components/data'
import Nav from './components/nav'

import './App.css';


function App(props) {
  const  data  = this.props.data //error in this line
 
  return (
    <div className="App">
      <BrowserRouter>
        <Nav />
        <Route path='/' exact component={Home} />
        <Route path='/data' component={Data} />
      </BrowserRouter>
    </div>
  );
}
const mapStateToProps=(state)=>{
  return {
      data : state.data
  }
}


export default connect(mapStateToProps)(App);

从“React”导入React；
从“react router dom”导入{Route，BrowserRouter}
从“react redux”导入{connect}
从“./components/Home”导入主页
从“./components/Data”导入数据
从“./components/Nav”导入导航
导入“/App.css”；
功能应用程序（道具）{
const data=this.props.data//此行出错
返回(
);
}
常量mapStateToProps=（状态）=>{
返回{
数据：state.data
}
}
导出默认连接（MapStateTops）（应用程序）；

您使用的是功能组件，因此您必须直接获得

道具

而不是

此

const data = props.data

---

您使用的是功能组件，因此必须直接获得

道具

而不使用

此

const data = props.data

---

错误消息是什么？TypeError:无法读取未定义的属性“props”。>12 | const{data}=this.props错误消息是什么？TypeError:无法读取未定义的属性“props”。>12 | const{data}=this.props