在我的 React 應(yīng)用程序中，我從 api 獲取數(shù)據(jù)并在主頁中列出所有帖子，因此我的目的是創(chuàng)建一個(gè)函數(shù)來為帖子評(píng)分。因此，我正在映射所有帖子并將帖子信息傳遞給Rate組件，并采取ratePost行動(dòng)對(duì)帖子進(jìn)行評(píng)分。行動(dòng)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            })        })}但是問題是，當(dāng)我發(fā)送操作時(shí)，它總是發(fā)送相同的內(nèi)容postId，并且在控制臺(tái)記錄道具后，props即使我對(duì)不同的帖子進(jìn)行評(píng)分，它也顯示相同。在 React DevTools Components 部分，它顯示了多個(gè)Rate組件，它們的道具與預(yù)期的不同。（我刪除了代碼的不相關(guān)部分）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>    )    }費(fèi)率.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)