Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用React.render的客户端渲染会忽略图像标记的onerror属性_Javascript_Node.js_Html_Reactjs_Pug - Fatal编程技术网

Javascript 使用React.render的客户端渲染会忽略图像标记的onerror属性

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

我有一个常见的翡翠可以在服务器端渲染,有时也可以在客户端渲染。我想实现的一件事是,如果图像加载错误,请尝试替换其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处理程序。有人能帮我吗


谢谢。

onerror
不是
img
标记的本机(或类似全局的数据-*)属性?确切地说,它是本机事件处理程序。