当前位置: 首页 > 面试题库 >

ReactJs:是否可以通过类名将DOM呈现为文档?

阳光辉
2023-03-14
问题内容

我正在学习ReactJs,真的很喜欢。我想问一下我们是否可以按类名呈现虚拟DOM以进行文档记录。

React.render(
    <CommentBox url="data/comments.json" pollInterval={2000} />,
    document.getElementById('class')
);

我试图通过

getElementByClassName(’class’)

作为react的render方法的第二个参数,它不起作用。React是否仅将DOM呈现给ID唯一的节点,还是有一种使用类的节点的解决方法?


问题答案:

看来您使用了错误的方法。

可能您应该使用getElementsByClassName而不是getElementByClassName。并且不要忘记getElementsByClassName返回类似于数组的obj
HTMLCollection ,因此选择第一个元素是必要的。

React.render(
  <CommentBox url="data/comments.json" pollInterval={2000} />,
  document.getElementsByClassName('className')[0]
);

有关更多信息,请查看docs。



 类似资料:
  • 问题内容: 这个问题更针对于用户创建的影子DOM元素,但是为了可访问性,我将使用此问题的输入类型: 举例来说,我在页面上输入了内容。修改了几位后,此阴影DOM标记(使用Chrome)看起来像: 与输入关联的方法和属性似乎根本没有引用影子DOM(JSFiddle),所以我想知道如何(如果有的话)访问这些影子DOM元素? 问题答案: 根据定义,@ int32_t在该ShadowDOM中是正确的,它是一

  • 我计划开发一个基于web的聊天应用程序,它接收ReSTful请求,将它们转换为XMPP,并将它们发送到XMPP服务器。 在这种基于聊天的应用程序中使用WebSocket看起来很有希望,因为事件(或响应)可以异步传递。但是,如果我使用WebSocket作为从浏览器传输请求的底层协议,这仍然可以被视为ReSTful设计吗?如果是的话,URI、动词(GET、POST…)是怎样的,websocket消息中

  • 在我的web应用程序中,我创建了一个脱机html页面,并编写了一个服务人员,就像如果网络关闭,它应该返回所有请求的脱机页面一样。若在脱机状态下触发任何请求,服务工作者将返回脱机html页面作为响应。但是脱机html不会显示在页面中。如果我刷新页面脱机html页面。这是因为,在刷新页面时获取原始html页面时,sw标识notwork不在那里,因此返回脱机页面。 有没有办法在不刷新页面的情况下显示离线

  • 问题内容: 我正在使用PHPDOM,并且试图在DOM节点中获取具有给定类名的元素。获得该子元素的最佳方法是什么? 更新: 我最终使用了PHP,它更容易使用。 问题答案: 更新:CSS选择器的Xpath版本 因此,在下面我回应hakre的评论之后,我感到好奇,并调查了后面的代码。看起来上面的选择器已编译为以下xpath(未经测试): 所以PHP将是: 基本上,我们在这里所做的就是规范化属性,以便即使

  • 问题内容: 仅使用和值,并集中在(最好没有的)内部时,是否可以通过按Enter键来触发方法?因为,只希望用户按下“ Enter”键才能更新name字符串状态。 这是代码: 问题答案: 您可以做的是使用React的关键事件,如下所示: 现在,要检测回车键,请将功能更改为: 因此,这是向输入元素添加事件侦听器。请参阅React的键盘事件。enterPressed然后,该函数在发生事件时被触发,现在en

  • 问题内容: 我将AngularJS与生成html响应的第三方服务一起使用。我想使用ng-repeat将HTML响应呈现为列表,但是Angular将其呈现为文本。 是否可以使用ng-repeat呈现HTML属性? 我创建了这个jsFiddle来演示我的问题。 http://jsfiddle.net/DrtNc/1/ 问题答案: 我认为使用可以满足您的需求。 这是一个有效的小提琴:http : //j