Reactjs 反应类型错误:this.props.message.map不是函数
我试图在屏幕上显示从api接收的消息。我检查了调试器(这里是屏幕截图),所有阶段都进行得很好,但最后我得到一个名为TypeError的错误:this.props.message.map不是一个函数。这是我的实际代码,链接到api Messages.jsxReactjs 反应类型错误:this.props.message.map不是函数,reactjs,api,dictionary,axios,react-props,Reactjs,Api,Dictionary,Axios,React Props,我试图在屏幕上显示从api接收的消息。我检查了调试器(这里是屏幕截图),所有阶段都进行得很好,但最后我得到一个名为TypeError的错误:this.props.message.map不是一个函数。这是我的实际代码,链接到api Messages.jsx import React from "react"; export class Messages extends React.Component { render() { const MessageL
import React from "react";
export class Messages extends React.Component {
render() {
const MessageList = this.props.message.map((item, index) => {
return <div key={index}>
<p>{item.Message}</p>
</div>
});
return(
<div>
{MessageList}
</div>
);
}
}
Api.js
import React from 'react';
import { connect } from 'react-redux';
import {Messages} from "./Messages";
import {getMessagesThunk} from "../../Redux/users-reducer";
class MessagesContainer extends React.Component {
componentDidMount() {
this.props.getMessagesThunk();
}
render() {
return(
<>
<Messages {...this.props} />
</>
)
}
}
let mapStateToProps = (state) => ({
message: state.usersPage.messages
})
export default connect(mapStateToProps, {getMessagesThunk})(MessagesContainer);
import axios from "axios";
const instance = axios.create({
params: {category: 'love'},
withCredentials: true,
headers: {
"API-KEY": "6bec01a1-e00c-42ca-ab9d-a03ad2e730cc",
'x-rapidapi-key': 'bf490d72a0msh3bf159a87e0c27fp107a51jsn062ca1b9b00e',
'x-rapidapi-host': 'ajith-messages.p.rapidapi.com'
}
})
export const usersAPI = {
message() {
return instance.get(`https://ajith-messages.p.rapidapi.com/getMsgs`)
},
}
import axios from "axios";
const instance = axios.create({
params: {category: 'love'},
withCredentials: true,
headers: {
"API-KEY": "6bec01a1-e00c-42ca-ab9d-a03ad2e730cc",
'x-rapidapi-key': 'bf490d72a0msh3bf159a87e0c27fp107a51jsn062ca1b9b00e',
'x-rapidapi-host': 'ajith-messages.p.rapidapi.com'
}
})
export const usersAPI = {
message() {
return instance.get(`https://ajith-messages.p.rapidapi.com/getMsgs`)
},
}