使用React.render的客户端渲染省略了图像标记

时间:2018-06-18 08:05:17

标签: javascript node.js html5 reactjs pug

我有一个常见的玉在服务器上渲染,有时也在客户端渲染。我想要实现的一件事是,在图像加载时,尝试替换它的 src

以下是玉石样本。

img.smart-img(src="#{thumb}" data-alt-img="#{alt-thumb}" data-default-img="#{default-img}" onerror='loadAltImgs(this);')

我正在运行Grunt任务将此jade转换为javascript模板让我们说imageRender.template.js。我只使用React渲染透视图。上面的示例在服务器端呈现时呈现完美。

当我在客户端呈现它时:

React.render(imageRender, {
  thumb: 'thumb.jpg',
  'alt-thumb': 'alt-thumb.jpg',
  'default-thumb': 'defalt-thumb.jpg'
});

DOM使用src和data属性呈现图像,但它不包含onerror处理程序。有人可以帮帮我吗?

感谢。

0 个答案:

没有答案
相关问题