我有一張產品表所以我在這里有一列product_images包含 id 數組（用作圖像源）。使用道具我正在映射這些產品，如下所示：render() {        return (            <>                <ul className="row">                    {this.props.products                        .map(product => <li className="card col-md-4" key={product.id}>                            <h2>{product.name}</h2>                            <p>{product.description}</p>                            <p>{product.sub_categories}</p>                            <b>{product.created}</b>                            {Object.keys(product.product_images)                                .filter(v => product.product_images[v] != null)                                .map(product_image =>                                    <div key={product.product_images}>                                        <img height='100%' alt='hello'                                         src={"IMAGE_PATH" + product.product_images[product_image]} />                                    </div>                                )}                        </li>)}                </ul>            </>        );    }這給了我每個產品。我還想得到的是數組中的每個 id 以在產品中顯示多個圖像。我知道我在映射對象時做錯了。作為 javascript 和 react 的初學者，如果你們能幫助我，那就太好了。我也對其他有趣的解決方案持開放態度。謝謝