如何在html中使用javascript动态绘制矩形？

Question

如何在HTML页面中使用JS动态绘制矩形而不使用画布？谷歌浏览器扩展 页尺 具有相同的功能。

Answer 1

它看起来像一个react部分和rendere部分不包含一个对象的过滤。

无论如何，这是一个很好的主意，先做过滤，然后渲染输出的数据集。

const
    weekLogs = this.props.weeklyLogs          
        .filter(weekLogs => weekLogs.id<10)  
        .map(weekLogs =>
            <div >
                <h3>{weekLogs.title}</h3>
            </div>
        )

Answer 2

我不知道为什么，但是这样就成功了。

 const weekLogs = this.props.weeklyLogs       
           .map( weekLogs =>
                <div key={weekLogs.id}>
                    <h3>{weekLogs.title}</h3>
                </div>)
           .filter((weekLogs) => weekLogs.key<10)