小编Lev*_*tix的帖子

两种定义ES6 React组件的方法

我正在为MobX 看这个小提琴,我也看到了这两种在ES6其他地方定义React Components的方法,比如Dan Abramov的egghead redux视频系列.

@observer
class TodoListView extends Component {
    render() {
        return <div>
            <ul>
                {this.props.todoList.todos.map(todo => 
                    <TodoView todo={todo} key={todo.id} />
                )}
            </ul>
            Tasks left: {this.props.todoList.unfinishedTodoCount}
        </div>
    }
}

const TodoView = observer(({todo}) =>
    <li>
        <input
            type="checkbox"
            checked={todo.finished}
            onClick={() => todo.finished = !todo.finished}
        />
        <input
            type="text"
          value={todo.title}
          onChange={ e => todo.title = e.target.value } />
    </li>
);
Run Code Online (Sandbox Code Playgroud)

我的问题是,什么时候适合使用每种类型?

似乎更简单的组件能够使用更简单的语法,但我希望遵循规则或准则.

谢谢!

javascript reactjs mobx

12
推荐指数
1
解决办法
363
查看次数

在控制器中渲染多个部分

我想在控制器中渲染多个部分,这些部分不是响应的一部分,而是通过Juggernaut推送给客户端.

我正在使用render_to_string.

当第二个被叫时,我得到一个DoubleRenderError.

如何performed?以不受影响的方式呈现部分?

ruby-on-rails

5
推荐指数
1
解决办法
2567
查看次数

如何模拟黄瓜/水豚的IP地址?

我正在使用Cucumber和Capybara,我想要一种模拟请求IP地址的方法,如下所示:

Given the request ip address is "10.1.2.3"
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails cucumber capybara

4
推荐指数
2
解决办法
2727
查看次数

标签 统计

ruby-on-rails ×2

capybara ×1

cucumber ×1

javascript ×1

mobx ×1

reactjs ×1