使用帖子列表显示 React 中帖子的创建者姓名

Question

我正在react和react中创建一个带有创建者姓名的帖子列表

https://jsonplaceholder.typicode.com用户和帖子API

我的操作文件

 export const fetchuser = (id) => async dispatch => {
        const response = await instance.get(`./users/${id}`)
        dispatch({
            type : "GET_USERS",
            payload :response.data
        })
    }

我的组件

import React, { Component } from 'react'
import {fetchuser} from '../actions'
import { connect } from 'react-redux'

class Postuser extends Component {
    componentDidMount(){
        this.props.fetchuser(this.props.userid)
    }
    render() {
        const user = this.props.users.find((user) => user.id === this.props.userId);
        if(!user){
            return null
        }
       return <div>{user.name}</div>
    }
}
const mapStateToProps = state => {
    return {
       users:state.users 
    }
}
export default connect(mapStateToProps,{fetchuser})(Postuser)

减速机

export default function userreducer(state=[], action) {
       switch(action.type){
        case"GET_USERS" :
        return [...state, action.payload]
        default : return state
       }
}

使用该组件的父组件

 <Postuser userId={post.userId} />

我收到此错误消息，请检查

EThttps://jsonplaceholder.typicode.com/users/undefined404 2创建错误。js:17未捕获（promise中）错误：请求失败，在XMLHttpRequest的settle（settle.js:19）处的createError（createError.js:17）处的状态代码为404。手荷载（xhr.js:60）

Answer 1

好吧，你做错了什么，你把userId传递为

 <Postuser userId={post.userId} />

但不能正确访问它，请按以下步骤操作

componentDidMount(){
    this.props.fetchuser(this.props.userId) // I capital
}

希望有帮助