小编AnA*_*ice的帖子

使用Semantic UI React,如何设置Image Avatar的宽度和高度?

我正在使用:https://react.semantic-ui.com/elements/image#image-example-avatar

      <Image avatar width={32} height={32} src={'/xxx.jpg'} />
Run Code Online (Sandbox Code Playgroud)

问题是,Image头像没有使用宽度和高度参数,而是使用指定的CSS:

.ui.avatar.image, .ui.avatar.image img, .ui.avatar.image svg, .ui.avatar.images .image, .ui.avatar.images img, .ui.avatar.images svg {
    margin-right: .25em;
    display: inline-block;
    width: 2em;
    height: 2em;
    border-radius: 500rem;
}
Run Code Online (Sandbox Code Playgroud)

如何设置使用Semantic UI React的宽度和高度?

谢谢

reactjs semantic-ui semantic-ui-react

3
推荐指数
1
解决办法
4560
查看次数

使用React,如何绑定到用户的剪贴板粘贴事件并解析数据?

我需要建立一个电子邮件验证,需要将代码发送到用户的电子邮件地址.与Slack在注册流程中处理电子邮件验证的方式非常相似:

松弛

粘贴时,粘贴的文本将在一个输入后输入.有了反应,实现这样的功能的正确方法是什么?

在componentDidMount之后,我应该绑定并捕获粘贴keyPress吗?这是正确的方法吗?

谢谢

javascript clipboard reactjs

3
推荐指数
1
解决办法
2723
查看次数

JSX道具不应该使用.bind() - 如何避免使用bind?

我有一个容器,我需要更改显示表单或显示成功页面的UI表单.

容器有一个state.showSuccess,我需要MyFormModule才能调用容器来改变状态.

以下代码有效,但我收到以下警告:

"JSX道具不应该使用.bind()"

如何在不使用.bind()的情况下使其工作?

...
const myPage = class extends React.Component {
  state = { showSuccess: false };
  showSuccess() {
   this.setState({
      showSuccess: true,
    });
  }
  render() {
    const { showSuccess } = this.state;
    if (showSuccess) {...}
    ....
    <MyFormModule showSuccess={this.showSuccess.bind(this)} />
Run Code Online (Sandbox Code Playgroud)

javascript components reactjs

3
推荐指数
1
解决办法
3274
查看次数

为什么要使用React CreateReactClass?

我想在React中使用这个包:https://github.com/naikus/svg-gauge

React的例子使用CreateReactClass如下:

我需要这个吗?他们为什么要用这个?文档没有提到使用背后的原因CreateReactClass.你能用这个包没有CreateReactClass吗?

import React from "react";
import CreateReactClass from "create-react-class";
import Gauge from "svg-gauge";

const defaultOptions = {
  animDuration: 1,
  showValue: true,
  max: 100
  // Put any other defaults you want. e.g. dialStartAngle, dialEndAngle, radius, etc.
};

const Component = CreateReactClass({
  displayName: "Gauge",
  componentDidMount() {
    this.renderGauge(this.props);
  },

  shouldComponentUpdate(nextProps, nextState) {
    const {props} = this;
    if(props.value !== nextProps.value) {
      this.renderGauge(nextProps);
    }
    return false;
  },

  render() {
    return (
      <div className="gauge-container" ref={el => this.gaugeEl …
Run Code Online (Sandbox Code Playgroud)

reactjs createreactclass

3
推荐指数
1
解决办法
5058
查看次数

对Coldfusion的REGEX帮助 - 在URL中,删除?之后的一切

我正在寻找一些REGEX帮助给出以下URL:http://news.cnet.com/8301-13924_3-10315534-64.html?part = rss&sububs = news&tag = 2547-1_3-0-20

获得以下内容的REGEX是什么:

http://news.cnet.com/8301-13924_3-10315534-64.html

从而删除?以及它之后的一切

谢谢,B

regex coldfusion

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

MySQL,DELETE查询加入

有人可以帮我理解这个查询有什么问题:

DELETE FROM noteproject 
INNER JOIN note ON noteproject.noteID = note.noteID
INNER JOIN person ON note.personID = person.personID
WHERE noteID = '#attributes.noteID#' 
  AND personID = '#attributes.personID#'
Run Code Online (Sandbox Code Playgroud)

mysql sql

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

ColdFusion,REGEX - 给定TEXT,查找SPAN中包含的所有项目

我正在学习如何在Coldfusion中创建一个REGEX,它将扫描大量的html文本并创建一个项目列表.

我想要的项目包含在以下内容中

<span class="findme">The Goods</span>
Run Code Online (Sandbox Code Playgroud)

感谢任何提示,以实现这一目标.

regex coldfusion

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

JS/Jquery,匹配找不到PNG =匹配('/ gif | jpg | jpeg | png /')

我有以下代码用于匹配fancybox可能的元素:

$('a.grouped_elements').each(function(){
    var elem = $(this);
    // Convert everything to lower case to match smart
    if(elem.attr('href').toLowerCase().match('/gif|jpg|jpeg|png/') != null) {
        elem.fancybox();
    }
});
Run Code Online (Sandbox Code Playgroud)

它适用于JPG,但由于某些原因它不匹配PNG.有人看到代码的错误吗?谢谢

javascript regex jquery match

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

为什么Safari不喜欢JQUERY中的.trim()?

这在FireFox中工作正常:$("#listname").val().trim()

但在safari中它出错:$("#listname").val().trim()虽然这确实有效,$("#listname").val()

这是为什么?

safari firefox jquery trim

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

Howto - JavaScript Replace,它不仅仅是第一个查找所有实例

我有以下功能:

listorder = listorder.replace('projectlist-','');
Run Code Online (Sandbox Code Playgroud)

问题是它只找到并替换第一个实例,并且有很多.如何更新为查找/替换字符串中的所有实例?

谢谢

javascript jquery find preg-replace

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