小编cua*_*man的帖子

如何在文件中禁用ESLint react/prop-types规则?

我正在使用React和ESLint与eslint-plugin-react.我想在一个文件中禁用prop-types规则.

var React = require('react'); 
var Model = require('./ComponentModel');

var Component = React.createClass({
/* eslint-disable react/prop-types */
    propTypes: Model.propTypes,
/* eslint-enable react/prop-types */
    render: function () {
        return (
            <div className="component">
                {this.props.title}
            </div>
        );
    }
});
Run Code Online (Sandbox Code Playgroud)

reactjs eslint

54
推荐指数
6
解决办法
5万
查看次数

如何在Atom编辑器上为React配置ESLint

在Atom Editor中,我安装了以下插件

  1. 棉短绒
  2. 棉短绒,eslint

它们似乎无法识别JSX语法.

我有它在命令行上工作但必须使用像esprima-fb和的其他插件eslint-plugin-react.看起来Atom编辑器没有这样的插件,想知道你是否有人知道如何解决这个问题.

reactjs eslint atom-editor react-jsx

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

如何使用node-inspector调试babelJS转换代码?

我正在尝试使用node-inspector调试运行babel-nodenodeJS应用程序.

babel-node index.js --debug
Run Code Online (Sandbox Code Playgroud)

节点检查器工作,但它在转换的es5而不是es6中显示源映射

在此输入图像描述

node-inspector babeljs

19
推荐指数
3
解决办法
9122
查看次数

如何使用Jest.js对React组件的样式进行单元测试?

我正在使用JestJS (npm jest-cli)构建单元测试,并且需要验证ReactJS元素是否包含我正在寻找的CSS样式.

我试着检查一下

it('should highlight the selected option in the drop-down list', function() {
    var iconTriangleDown = TestUtils.findRenderedDOMComponentWithClass(dropList, 'icon-triangle-down');

    var iconHeight = window.getComputedStyle(iconTriangleDown.getDOMNode(), null).height;

    expect(iconHeight).notToEqual(''); 
});
Run Code Online (Sandbox Code Playgroud)

这导致iconHeight ===''而不是像素值.

我想知道窗口是否被Jest嘲笑.或者如果不支持窗口.

reactjs jestjs

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

如何使用browserify,babel,eslint,react/jsx和jest(没有gulp/grunt)设置应用程序?

我想使用设置应用程序

  1. Browserify
  2. BabelJS
  3. ESLint
  4. 反应(与jsx)
  5. 笑话

Npm作为任务经理(没有gulp | grunt | brocoli)

browserify reactjs eslint jestjs babeljs

8
推荐指数
1
解决办法
3798
查看次数

HTML输入autoFocus属性无法使用React.renderToStaticMarkup呈现

如何使用ReactJS组件将自动对焦 HTML属性包含到输入中?

我尝试使用包含自动聚焦输入的React元素

<input className='EI-input' autoFocus='true' tabIndex='0'
                               name='username' type='text'
                               ref='inputUser' autoComplete='on'
                               placeholder='email' />
Run Code Online (Sandbox Code Playgroud)

但是当渲染到静态标记时,我没有看到在浏览器中呈现自动聚焦属性(使用Chrome和FireFox中的devTools进行检查)

const jsx = React.renderToStaticMarkup(<InputWithAutoFocus />);
console.log(jsx); // I don't see the autofocus attribute in the input
Run Code Online (Sandbox Code Playgroud)

我也尝试过autoFocusautoFocus ='on'自动对焦.这些似乎都不起作用.

根据ReactJS文档,autoFocus应该可以工作.

html5 reactjs

4
推荐指数
1
解决办法
1488
查看次数

如何使用React创建d3力布局图

我想使用ReactJS 创建d3强制布局图

我已经使用React + d3创建了其他图形,例如饼图,折线图,直方图。现在,我想知道如何构建像d3力布局这样的svg图形,其中涉及物理和用户交互。

这是我要构建的示例http://bl.ocks.org/mbostock/4062045

javascript svg d3.js reactjs

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