0

我正在尝试访问数组的不同索引以显示在我的一个组件中，但我遇到了麻烦。这是我目前正在使用的代码：

const mapStateToProps = (state) => {
    return {
        weight: state.move[0].movementWeight,
        name: state.move[0].movementName
    }
};

这是用户单击的按钮的代码，用于确定需要什么索引：

const MovementButton = (props) => {
    const classes = useStyles();
    const mapNames = props.name.map((lift) => {
        return (
            <Button 
                key={lift.movementName}
                className={classes.movementButtons} 
                onClick={() => history.push(`/movement/${lift.movementName}/${lift.movementWeight}`)}
            >
                {lift.movementName} - {lift.movementWeight}lbs
            </Button>
        )
    });
    const displayMovementButtons = () => {
        if (mapNames.length === 0) {    
            return <div className={classes.noMovementsMessage} >Click add button to begin</div> 
        };

        return <div>{mapNames}</div>
    };

    return <div className={classes.movementButtonsDiv}>{displayMovementButtons()}</div>
};

const mapStateToProps = (state) => {
    return {
        name: state.move
    }
};

export default connect(mapStateToProps)(MovementButton);

但这使得 props.weight 总是如何索引 0，而有时我需要索引 1、2 等。我使用 [0] 的原因是因为没有它，我会变得不确定。有什么帮助吗？

4

0 回答 0