Javascript 使用React.render的客户端渲染会忽略图像标记的onerror属性
我有一个常见的翡翠可以在服务器端渲染,有时也可以在客户端渲染。我想实现的一件事是,如果图像加载错误,请尝试替换其src 这是玉的样品Javascript 使用React.render的客户端渲染会忽略图像标记的onerror属性,javascript,node.js,html,reactjs,pug,Javascript,Node.js,Html,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
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处理程序。有人能帮我吗
谢谢。
onerror
不是img
标记的本机(或类似全局的数据-*)属性?确切地说,它是本机事件处理程序。