React组件可以操作现有的DOM节点吗？

Question

我想为一些现有的服务器呈现的HTML添加一些功能.假设我有一个表格:

<form>
  <input type="checkbox" /> Show details

  <div class='details'>
    <input type="text" name="first_name" />
    <input type="text" name="last_name" />
  </div>
</form>

HTML已在服务器上生成.我想知道,每当选中并取消选中复选框时,我可以使用React组件,比如hide在.detailsdiv中添加/删除一个类吗？

我不希望React重新呈现表单,因为页面的其余部分已由服务器处理.

Answer 1

检查服务器渲染 React 示例。您可以看到 PHP 脚本从 node.js 获取 React 渲染结果并将其返回给客户端，然后将相同的 React 组件附加到 DOM 进行进一步修改。

如果您希望在服务器端渲染 HTML，然后由 React 处理，这是最好的方法。否则，您将需要编写两次模板：在 React 中和服务器端模板引擎中。