我有一个常见的玉在服务器上渲染,有时也在客户端渲染。我想要实现的一件事是,在图像加载时,尝试替换它的 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处理程序。有人可以帮帮我吗?
感谢。