Commit 74ebd95d authored by Friends233's avatar Friends233

fix没有数据不渲染弹幕

parent 3af3c9f7
...@@ -59,6 +59,9 @@ class HomeDemo extends React.Component { ...@@ -59,6 +59,9 @@ class HomeDemo extends React.Component {
time: 15, // 动画时长s time: 15, // 动画时长s
auto: false, // 自动开始 auto: false, // 自动开始
} }
const barrageData = Array(10).fill('弹幕弹幕').map((_, i) => {
return _ + i
})
return ( return (
<div className="homeDemo"> <div className="homeDemo">
<p>下方点击查看详情</p> <p>下方点击查看详情</p>
...@@ -95,15 +98,14 @@ class HomeDemo extends React.Component { ...@@ -95,15 +98,14 @@ class HomeDemo extends React.Component {
<p>通用弹幕:</p> <p>通用弹幕:</p>
<br /> <br />
<div className='barrage-wrp'> <div className='barrage-wrp'>
<Barrage {/* TODO 没有数据不能渲染弹幕 */}
{barrageData.length > 0 ? <Barrage
num={2} num={2}
data={Array(10).fill('弹幕弹幕').map((_, i) => { data={barrageData}
return _ + i
})}
renderLine={(data) => { renderLine={(data) => {
return <div className='bar-s'>{data}</div> return <div className='bar-s'>{data}</div>
}} }}
/> /> : null}
</div> </div>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment