相关疑难解决方法(0)

react.js替换img src onerror

我有一个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)

javascript http-status-code-404 reactjs

39
推荐指数
11
解决办法
4万
查看次数

我应该使用什么来代替已弃用的 `onerror` 属性?

在我的图像上,我设置了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 已被弃用,但我找不到任何关于处理错误的建议替代方法的好的来源(可能以类似的紧凑方式)。

知道为什么它被弃用也会很有趣。

error-handling fallback image placeholder

16
推荐指数
2
解决办法
3602
查看次数

MYSQL计数?

我有一个像以下的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查询?

编辑:我已经添加了我的答案.

php mysql sql aggregation

4
推荐指数
3
解决办法
6023
查看次数

如果在HTML 5中找不到图像,如何显示默认图像

我想显示默认图像,描述 当找不到页面中的一个图像时找不到的图像.

怎么做 ?

html image

2
推荐指数
1
解决办法
9437
查看次数