результаты моего API (задняя часть) не отображаются в переднем конце с использованиемactjs

Question

Я новичок в nodejs и реагировать, и я разрабатываю простое приложение.Я сейчас в передней части, я установил все необходимые пакеты и модули.Я запустил свою переднюю часть, но здесь ничего не отображается, это скриншот полученного результата.заранее спасибо

А вот и часть моего кода вactjs

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);

Answer 1

Если вы используете redux, вероятно, вам нужно будет отобразить videos в методе mapStateToProps

// ... 

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

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

Обратите внимание, что параметр state.videos получен из редуктора.

Answer 2

В вашем компоненте вы пытаетесь прочитать videos из его реквизита.Однако, как упоминал Луис, ваш mapStateToProps только сопоставляет переменную состояния clients с вашим компонентом.mapStateToProps - это логика, которая связывает избыточное состояние с вашими компонентами.Таким образом, предполагая, что вы установили объект videos в своем состоянии (через redurs ) и добавив отображение видео на mapStateToProps, вы должны получить указанные данные на реквизитах вашего компонента.