渲染 redux 道具 map 不是 function

Question

我正在嘗試渲染redux state通過繪制一系列對象，但我得到了Z1D78DC81512121214E514EF5114EF514EF514EF514ER MON NOR MON 我可以控制台記錄我的道具以查看它正在接收，但它看起來好像在道具被傳遞到組件之前試圖通過它 map。 如您所見，我也嘗試過使用 && 其他人建議的方法，但我得到的只是：

TypeError: myItems.map is not a function

這是我的代碼

import React, {Component} from 'react';
import { connect } from 'react-redux';

class RandomComponent extends Component {
    state = {
        myItems: this.props.myItems
    }

    componentDidUpdate(prevProps, prevState, snapshot) {
        console.log('Styles: ', this.props.myItems); // Returns object array 
    }

    render() {
        const {myItems} = this.props; // also tried this.state
        return (
            <ul>
               {myItems && myItems.map((item) => {
                    return <span>Hello.</span>
                })}
            </ul>
        );
    }
}

const mapStateToProps = state => ({
    myItems: state.getmyItems.myItems
});

export default connect(mapStateToProps)(RandomComponent);

Answer 1

您的 initialState 是 object，將其設置為空數組 []。 在您的捕獲中返回一個空數組而不是一個空 object。 && 不起作用，因為“存在”一個空的 object。 如果你仍然想使用 && 然后將 initialState 設置為 undefined

Answer 2

map是 arrays 的function您的數據類型可能是ZA8CFDE6331BD59EB26AC96F8911C4 。 要遍歷object ，您可以使用for... in