在我的 React 應用程序中，我從 api 獲取數據并在主頁中列出所有帖子，因此我的目的是創建一個函數來為帖子評分。因此，我正在映射所有帖子并將帖子信息傳遞給Rate組件，并采取ratePost行動對帖子進行評分。行動export const ratePost = (rate, postId) => dispatch => {    const config = {        withCredentials: true    }    const sRate = parseInt(rate, 10)    const body = JSON.stringify({ star_rate:sRate })    axios.put(`http://127.0.0.1:8000/api/v1/p/rate/${postId}`, body, config)        .then(res => {            dispatch({                type: RATE_POST,                sRate,                postId            })        }).catch(err => {            console.log(err)            dispatch({                type: RATE_POST_FAIL            })        })}但是問題是，當我發送操作時，它總是發送相同的內容postId，并且在控制臺記錄道具后，props即使我對不同的帖子進行評分，它也顯示相同。在 React DevTools Components 部分，它顯示了多個Rate組件，它們的道具與預期的不同。（我刪除了代碼的不相關部分）export function Card(props) {    const { category } = useParams()        useEffect(() => {        if(!category){            props.getPosts()        } else {            props.getPostsByCategory(category)        }    },[category])    return (        <Fragment>            <div className="posts">                {props.posts.map(post =>                     <article key={post.id} id={post.id}>                        <div className="post-meta">                            <div className="stars">                                <Rate post={post}/>                            </div>                        </div>                    </article>                )}            </div>        </Fragment>    )    }費率.jsexport function Rate(props) {    const onInput = (e) => {        props.ratePost(e.target.value, props.post.id)        console.log(props.post) /* shows the same props */    }export default connect(null, { ratePost })(Rate)