複数の反応をIDではなく複数のdivにレンダリングしようとしています

Question

複数の反応コメントボックスを作成しようとしています。クラスではなく#idを使用しているパッケージを使用しています。私はgetelemensbyclassnameからGetelemntbyIDを変更しようとしているが、私はエラーを取得しています：

Uncaught Error: _registerComponent(...): Target container is not a DOM element.

私のコード

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import CommentBox from './components/CommentBox.jsx'; 

window.Laravelista = window.Laravelista || {content_type: null, content_id: null, login_path: '/login'}; 

ReactDOM.render(
    <CommentBox content_type={Laravelista.content_type} content_id={Laravelista.content_id} login_path={Laravelista.login_path} />, 
    document.getElementsByClassName('laravelista-comments') 
); 

私は、次のdivにそれらをレンダリングしようとしています

：

<div class="laravelista-comments"></div> 

これはどのように達成できますか？

ない複製は、これは必要と反応する

Answer 1

document.getElementsByClassName()はなく、1つ1 DOM要素のHTMLCollectionを返し、クラス名を持つ1つだけでなく、すべてに適用したいと考えています。あなたがしなければ、あなたがクラスをターゲットにして、コンポーネントをレンダリングすることはできません

ReactDOM.render(
    <CommentBox content_type={Laravelista.content_type} content_id={Laravelista.content_id} login_path={Laravelista.login_path} />, 
    document.getElementsByClassName('laravelista-comments')[0] 
); 

Answer 2

：

最初のものでアプリをレンダリングするために、インデックスのみゼロで要素にアクセスすることにより、コレクションの最初のアイテムを渡します未知のエラー：不変違反：_registerComponent（...）：ターゲットコンテナはDOM要素ではありません。ただ

<div id="laravelista-comments"></div>に<div class="laravelista-comments"></div>を変更し、最終的に

ReactDOM.render(
    <CommentBox content_type={Laravelista.content_type} content_id={Laravelista.content_id} login_path={Laravelista.login_path} />, 
    document.getElementById('laravelista-comments') 
); 

この問題を修正するにはが、これはあなたのお役に立てば幸いですか！