我有一个react组件,它是列表中的详细信息视图.
如果图像不存在并且存在404错误,我试图用默认图像替换图像.
我通常会在img标签中使用onerror方法,但这似乎不起作用.
我不知道如何做出反应.
这是我的组件:
import React from 'react';
import {Link} from 'react-router';
import ContactStore from '../stores/ContactStore'
import ContactActions from '../actions/ContactActions';
class Contact extends React.Component {
constructor(props) {
super(props);
this.state = ContactStore.getState();
this.onChange = this.onChange.bind(this);
}
componentDidMount() {
ContactStore.listen(this.onChange);
ContactActions.getContact(this.props.params.id);
}
componentWillUnmount() {
ContactStore.unlisten(this.onChange);
}
componentDidUpdate(prevProps) {
if (prevProps.params.id !== this.props.params.id) {
ContactActions.getContact(this.props.params.id);
}
}
onChange(state) {
this.setState(state);
}
render() {
return (
<div className='container'>
<div className='list-group'>
<div className='list-group-item animated fadeIn'>
<h4>{this.state.contact.displayname}</h4>
<img src={this.state.imageUrl} />
</div>
</div>
</div>
);
} …Run Code Online (Sandbox Code Playgroud) 在我的图像上,我设置了onerror属性,以便在图像由于某种原因不可用时使用占位符:
<img
class="article-img"
src="path-to-image.jpg"
alt="some description"
onerror="this.src='/images/fallback.png'"
>
Run Code Online (Sandbox Code Playgroud)
现在,它看起来onerror 已被弃用,但我找不到任何关于处理错误的建议替代方法的好的来源(可能以类似的紧凑方式)。
知道为什么它被弃用也会很有趣。
我有一个像以下的mysql表:
id, visitorid, pageid
Run Code Online (Sandbox Code Playgroud)
当访问者访问网站时,它会将访问者ID和页面ID存储为一行.
我试图提取访问网站的访问者数量正好X次.(图表).所以有多少人只访问一页,有多少人访问2页...
到目前为止我有:
SELECT COUNT(visid),visid FROM vislog GROUP BY visid ORDER BY COUNT(visid) DESC
Run Code Online (Sandbox Code Playgroud)
但我不知道如何计算计数的下一部分.
是否可以作为mysql查询?
编辑:我已经添加了我的答案.
image ×2
aggregation ×1
fallback ×1
html ×1
javascript ×1
mysql ×1
php ×1
placeholder ×1
reactjs ×1
sql ×1