第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何導(dǎo)入另一個組件但不讓其他元素呈現(xiàn)到 div?

如何導(dǎo)入另一個組件但不讓其他元素呈現(xiàn)到 div?

我希望 Torrent 組件在沒有將該 Torrent 渲染到 DOM 元素的情況下進行渲染。我該怎么做?我希望我的 Torrent 表組件由 Torrent 組件組成,這取決于我的 API 反饋給我的內(nèi)容。但是我遇到了一個問題,它沒有在網(wǎng)站上呈現(xiàn),因為 ReactDOM.render() 沒有將組件綁定到 DOM 元素。class TorrentTable extends React.Component{    constructor(props)    {        super(props);        this.state = {            torrents : []        };    }    componentDidMount()    {        let torrent_string = window.location.href.split("/")[4];        console.log(window.location.href);        fetch(`api/get/${torrent_string}`)        .then(res => res.json())        .then(data => {            this.setState({                torrents : data            })        });    }    render()    {        return(            <table className="table" style={{ width : "100%"}}>                <thead>                    <tr>                        <th scope="col">                        </th>                        <th scope="col">                            Torrent Name                        </th>                        <th scope="col">                            Magnet                        </th>                    </tr>                </thead>                <tbody>                    {                        this.state.torrents.map(torrent => {                            <Torrent name={torrent.title} magnet={torrent.magnet} image={torrent.image_url}/>                        })                    }                </tbody>            </table>        );    }}ReactDOM.render(<TorrentTable />, document.getElementById("torrent_table"));
查看完整描述

1 回答

?
開滿天機

TA貢獻1786條經(jīng)驗 獲得超13個贊

您只需要使用 ReactDOM.render() 渲染應(yīng)用程序的根。


我認(rèn)為問題在于您沒有從 map 語句中返回組件。


要么添加這樣的 return 語句。


this.state.torrents.map(torrent => {

    return <Torrent name={torrent.title} magnet={torrent.magnet} image={torrent.image_url}/>

})

或者像這樣直接退貨。


this.state.torrents.map(torrent => (

    <Torrent name={torrent.title} magnet={torrent.magnet} image={torrent.image_url}/>

))


查看完整回答
反對 回復(fù) 2022-06-09
  • 1 回答
  • 0 關(guān)注
  • 96 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號