将循环中的组件添加到dom元素中

Question

我有一个基于列的网格，我试图在其中水平附加缩略图。为此，我编写了一个简单的循环，在其中提取列并将Thumbnail组件添加到该元素。这是我写的代码-

    for (let i = 0; i < this.state.thumbnails / this.state.cols; i++)
    {
        let columns = document.getElementsByClassName('column');
        for (let i = 0; i < columns.length; i++)
        {
            let element = columns.item(i)
            Object.keys(element).push(<Thumbnail href="https://picsum.photos/200/300" />);
        }
    }

但是，没有任何内容被推送到该列。我不确定如何将react组件添加到DOM，并且此实验是一个疯狂的猜测。.有人可以帮忙指出这里出了什么问题吗？

我有一个基于列的网格，我试图在其中水平附加缩略图。为此，我编写了一个简单的循环，在其中提取列并将Thumbnail组件添加到该元素。这是代码I ...

Answer 1

在React中，您不只是随意地将组件“附加”到任意DOM元素上。从React的角度来看，一旦DOM被渲染，它是不可变的，唯一改变的方法是重新渲染有问题的组件。