React renderToString渲染结果未包含JS事件代码是什么原因？

是的，renderToString 本身设计上就不会输出任何JS交互逻辑，你测试得到的纯<button>Click here</button>返回结果是完全符合预期的正常表现。

• renderToString 是React服务端渲染（SSR）链路的基础方法，核心作用只有一个：把传入的React组件树转换成纯静态HTML标记字符串，用来解决首屏白屏问题，让用户不用等所有JS加载解析完就能看到完整页面结构，从设计之初就不承担绑定交互逻辑的职责。
• 你写的onClick这类事件绑定逻辑，属于客户端*hydrate（俗称“注水”）*阶段的工作：服务端把静态HTML返回给浏览器后，要等浏览器把React运行时、对应的业务JS包都加载解析完成，React才会给已经渲染好的静态DOM节点挂上事件监听、初始化组件状态，这时候点击按钮才会触发你写的console.log("click")效果。
• React本身采用顶层事件委托的合成事件机制，事件根本不会直接绑定在按钮这类单个DOM节点上，而是统一挂载在应用根节点靠事件冒泡做调度；再加上把事件处理函数直接序列化塞进HTML属性会带来严重的XSS安全风险，renderToString从机制上就不可能、也不应该把事件相关的JS代码插入到返回的HTML字符串里。

const clicked = () => console.log("click");

renderToString(<button onClick={clicked}>Click here</button>)

注意：单独用renderToString生成的HTML是没有任何交互能力的，必须配合客户端的hydrate相关逻辑配套使用，才能让页面响应用户操作。

内容的提问来源于stack exchange，提问作者adam eliezerov