Reactjs ReactDOM.render但使用类

我需要一些帮助，有办法吗 ReactDOM.render使用类名而不是div id“write”

    <div class=divclass>xxx</div>
    <div id="react-target">
        <p>
            React should start working in a few milli seconds
        </p>
        <p>
            If you can see this, React is not working right.
        </p>
    </div>

<script>
    ReactDOM.render(React.createElement('div', null, 'test1'), document.getElementById('react-target'));
    ReactDOM.render(React.createElement('div', null, 'test2'), .divclass);
</script>

xxx

React应在几毫秒后开始工作


如果你能看到这一点，React是不正常的。

render（React.createElement（'div'，null，'test1'），document.getElementById（'React-target'）；
render（React.createElement（'div'，null，'test2'），.divclass）；

短Ans：是您可以在渲染方法中使用

类

但是您不能使用现在使用它的方式，即首先需要通过

getElementsByClassName

选择要定位的div

请记住，

getElementsByClassName

返回一个DOM元素列表，因此您需要通过正确索引来访问右侧的

div

，这与返回DOM元素本身的

getElementById

不同

    <script>
 ReactDOM.render(React.createElement('div', null, 'test1'),document.getElementById('react-target')); 
 ReactDOM.render(React.createElement('div', null, 'test2'), document.getElementsByClassName('divclass')[0]; 

     </script>

render（React.createElement（'div'，null，'test1'），document.getElementById（'React-target'）；
ReactDOM.render（React.createElement（'div'，null，'test2'），document.getElementsByClassName（'divclass'）[0]；

短Ans：是您可以在渲染方法中使用

类

但是您不能使用现在使用它的方式，即首先需要通过

getElementsByClassName

选择要定位的div

请记住，

getElementsByClassName

返回一个DOM元素列表，因此您需要通过正确索引来访问右侧的

div

，这与返回DOM元素本身的

getElementById

不同

    <script>
 ReactDOM.render(React.createElement('div', null, 'test1'),document.getElementById('react-target')); 
 ReactDOM.render(React.createElement('div', null, 'test2'), document.getElementsByClassName('divclass')[0]; 

     </script>

render（React.createElement（'div'，null，'test1'），document.getElementById（'React-target'）；
ReactDOM.render（React.createElement（'div'，null，'test2'），document.getElementsByClassName（'divclass'）[0]；

您可以使用

document.querySelector（“.my class”）

。为什么需要这样做，您可以有另一个

id

并将其作为

id

的目标。如果文档包含多个同名类，则使用

class

将产生冲突。您每次都需要将正确的类作为目标。您好ravibagul这是我正在修改的预先存在的代码（很抱歉拼写错误）您可以使用

document.querySelector（“.my class”）

。为什么需要这样做，您可以有另一个

id

并将其作为

id

的目标。如果文档包含多个同名类，则使用

class

将产生冲突。您每次都需要将正确的类作为目标。您好ravibagul这是我正在修改的预先存在的代码（为拼写错误感到抱歉）wooohooo有效，对其进行了一点修改：）ReactDOM.render（React.createElement（'div'，null，'test1'）、document.getElementById（'React-target'）；ReactDOM.render（React.createElement（'div'，null，'test2'）、document.getElementsByClassName（'divclass'）[0]）；有效的WoooHoo对其进行了一点修改：）ReactDOM.render（React.createElement（'div'，null，'test1'）、document.getElementById（'React-target'））；ReactDOM.render（React.createElement（'div'，null，'test2'）、document.getElementsByClassName（'divclass'）[0]）；