render() {const {anchors = [], //錨點(diǎn)數(shù)組，link-節(jié)點(diǎn)id，title-顯示文字content, //左側(cè)內(nèi)容} = this.props;return (<div style={{ display: 'flex' }}><div style={{ flex: 9, overflow: 'hidden' }}>{content || this.props.children}</div><div style={{ flex: 1 }}><Anchor offsetTop={122} style={{ marginLeft: 24, background: '#F2F0F5' }}>{anchors.map((anchor, index) => (<Link href={anchor.link} key={index} title={anchor.title} />))}</Anchor></div></div>);}

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的react学习(64)--简单的锚点封装的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。