Node.js 我的api（后端部分）的结果不会使用reactjs显示在前端部分

我是nodejs和reactjs的初学者，我正在开发一个简单的应用程序。我现在在前面的部分，我安装了所有必要的软件包和模块。我启动了我的前半部分，但这里没有显示任何内容，这是获得的结果的屏幕截图。先谢谢你

这里是我在reactjs中的部分代码

import React from 'react';
import {connect} from 'react-redux'; 
import {fetchVideos} from '../actions/videoActions';
var listVideos
class videos extends React.Component { 
constructor(props) {
super(props); 
}

componentDidMount() { this.props.fetchVideos(); }

render() { 
if (this.props.data) {    
listVideos = this.props.videos.map(video => 
<li key={video._id}>
{video.titre}
</li>
);


}   
return (

<div>

<center><h1>All videos </h1></center>
{listVideos}   
</div>
)

}
} 

const mapStateToProps = (state, ownProps) => {
return {
clients : state.clients,
};
}

const mapDispatchToProps = (dispatch) => {
return {
fetchVideos :()=> dispatch(fetchVideos())
};
}

export default connect(mapStateToProps, mapDispatchToProps)(videos);

从“React”导入React；
从'react redux'导入{connect}；
从“../actions/videoActions”导入{fetchVideos}；
视频列表
类。组件{
建造师（道具）{
超级（道具）；
}
componentDidMount（）{this.props.fetchVideos（）；}
render（）{
如果（this.props.data）{
listVideos=this.props.videos.map（视频=>

{video.titre}

);
}   
返回(
所有视频
{listVideos}
)
}
} 
const mapStateToProps=（state，ownProps）=>{
返回{
客户：state.clients，
};
}
const mapDispatchToProps=（调度）=>{
返回{
fetchVideos:（）=>分派（fetchVideos（））
};
}
导出默认连接（mapStateToProps、mapDispatchToProps）（视频）；

如果使用redux，可能需要在

MapStateTrops

方法中映射

视频

// ... 

componentDidMount() { this.props.fetchVideos(); }

// ...
const mapStateToProps = (state, ownProps) => {
return {
clients : state.clients,
videos: state.videos // HERE
   };
}

请注意
状态。视频
参数是从减速器获取的。
在您的组件中，您正试图从其道具读取
视频。但是，正如Luiz提到的，您的
MapStateTops
只是将
客户机
状态变量映射到您的组件
MapStateTrops
是将redux状态与组件道具绑定在一起的逻辑。因此，假设您已经在您的状态（via）上设置了
视频
对象，并在
MapStateTrops
上添加了视频映射，您应该可以在组件道具上获得上述数据。
您也可以发布一些代码吗？我们没有足够的信息，无法仅通过输出的屏幕截图提供帮助。请提交部分FE代码，其中数据正在提取并试图显示。我会这样做，它会给出与上一次捕获相同的结果