從 reactJS 中的反應路由器鏈接傳遞道具

Question

如何使用 React 路由器鏈接將道具傳遞給另一個組件？

我試着這樣做。 但是，它不起作用。 我的意思是道具沒有通過。 我想將貨幣信息傳遞給另一個組件而不是使用它。 有什么建議么？

return <Div>
        <div className="header">
            <Heading>Welcome To CoinValue </Heading>
        </div>
        <Ul>
            {currentItems.map(currencies => {
                return <Link
                    key={uuidv4()}
                    to={`/cryptoValute/${currencies.id}`
                    props={currencies}}><Li>{currencies.name}</Li></Link>
            })}
            <div>
                {this.renderPagination()}
            </div>
        </Ul>
    </Div>

Answer 1

Ciao，試着像這樣修改你的代碼：

return <Div>
    <div className="header">
        <Heading>Welcome To CoinValue </Heading>
    </div>
    <Ul>
        {currentItems.map(currencies => {
            return <Link
                key={uuidv4()}
                to={{pathname: `/cryptoValute/${currencies.id}`, query: {currencies}}}><Li>{currencies.name}</Li></Link>
                
        })}
        <div>
            {this.renderPagination()}
        </div>
    </Ul>
</Div>

然后在您的組件中，要檢索currencies值，您可以執行this.props.location.query.currencies 。