render() {const {anchors = [], //錨點數組，link-節點id，title-顯示文字content, //左側內容} = 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>);}

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。