在VueJs 2.0文档中,我找不到任何可以监听props
变化的钩子.
VueJs有类似onPropsUpdated()
或类似的钩子吗?
更新
正如@wostex建议的那样,我尝试了watch
我的财产但没有改变.然后我意识到我有一个特例:
<template>
<child :my-prop="myProp"></child>
</template>
<script>
export default {
props: ['myProp']
}
</script>
Run Code Online (Sandbox Code Playgroud)
我传递的myProp
是父组件接收到child
组件.那watch: {myProp: ...}
就是不行.
我不明白减压器是什么意思.如果我有2个包含相同动作的reducer功能,它是否可以使用?
function reducerA(state, action){
switch(action.type):
...
case 'SAME_ACTION': {...state, field: state.field+1}
}
function reducerB(state, action){
switch(action.type):
...
case 'SAME_ACTION': {...state, field: state.field*2}
}
Run Code Online (Sandbox Code Playgroud)
所以,如果我调用并且调用reduceReducer
了动作"SAME_ACTION",那么我会有下一个状态吗?reducerA
reducerB
{field: 0}
{field: 2}
在我看来,它有点连接缩减器(意味着将它们合并在一个键下).
我是对的还是reduceReducer
服务于不同的目的?
使用react-bootstrap而不是简单的旧Bootstrap有什么意义?
我正在浏览https://react-bootstrap.github.io/components.html,我认为没有任何优势.我只能看到它会给项目带来不必要的依赖.
在React/Redux项目中使用普通的Bootstrap有什么困难吗?
**编辑**
从阅读https://react-bootstrap.github.io/introduction.html中推断出来是唯一react-bootstrap
能让我获得类名速记的东西吗?以下是同一页面的示例.
在plain boostrap
我做:
var button = React.DOM.button({
className: "btn btn-lg btn-success",
children: "Register"
});
React.render(button, mountNode);
Run Code Online (Sandbox Code Playgroud)
并在react-boostrap
:
var button = ReactBootstrap.Button({
bsStyle: "success",
bsSize: "large",
children: "Register"
});
React.render(button, mountNode);
Run Code Online (Sandbox Code Playgroud)
所有这些bsStyle, bsSize, ...
从react-boostrap
都是人不喜欢的东西Angular
有记得那些ng-*
标签...我个人不介意,但如果它是唯一react-bootstrap
给我,我会用twitter-bootstrap
.还是我错过了什么?
关于RxJS - 目标我读到他们的目标是更好的可调试性:
目标
提供比以前版本的RxJS更多的可调试调用堆栈
我刚刚开始使用redux-observable
,这对我来说更容易理解比较它,redux-saga
因为我已经习惯了反应风格lodash
和ramda
(好吧,fp风格也许;).我很惊讶它还没有可能调试它.这是真的吗?如果是这样,那么我必须切换到redux-saga
s或者坚持下去redux-thunk
.
根据Jay Phelps的回答编辑
通过调试我的意思是:"如何observable.map(...)
在浏览器中设置断点?" 随着lodash
我可以设置在浏览器中的断点,它就停在那里了_.map(...)
.怎么做redux-observable
(或rxjs
)?我不想依赖于绘制大理石图和console.log()
.
在redux-observable
是否可以使用isomporphic-fetch而不是Rx.DOM.ajax?
我创建了一个组件,需要引用创建组件的对象.我没有上班,所有的考试都失败了.下面,我试着描述一下这个意图.
组件定义可能如下所示:
angular
.module('myModule')
.component('myComponent', {
templateUrl: "template.html",
controller: [
MyController
],
bindings: {
myObject: '='
}
});
function MyController(myObject) {
var vm = this;
vm.myObject = myObject;
}
Run Code Online (Sandbox Code Playgroud)
在服务中我想创建我的对象:
function createMyObject(args) {
var myObject = {some: data};
myObject.ref = "<my-component myObject='{{myObject}}'></my-component>";
return myObject;
}
Run Code Online (Sandbox Code Playgroud)
题
如何将数据传递给角度组件标签?我是否必须切换回组件指令才能使其正常工作?
任何想法都非常感谢.谢谢.
在Mongoose doc中,我找不到MongoDb $ regex的等价物.你能提供一个find()
带有正则表达式的简单Mongoose 吗?
我在用redux-saga
.在代码中yield* ReduxSaga.takeEvery('MY_ACTION', updatePorts);
如何访问action
以获取其字段.
例如,我有一个动作创建者:
function status(){
type: 'MY_ACTION',
status: true
}
Run Code Online (Sandbox Code Playgroud)
我怎样才能action.status
从我的传奇中获取?或者我是否只能通过getState()
并选择访问数据?
在 PhpStorm/WebStorm 中,如何添加自定义库以便文件编译?在我的情况下,它会是 Lodash?
我试图将 lodash 添加到全局库中,但它没有帮助...
似乎所有eslint规则的默认错误级别是"error"
.这很烦人,因为即使是省略的分号,我的应用程序也无法编译.
如何设置它"warn"
以便我的应用程序编译但显示警告?
我知道我可以设置每个规则手动警告,但我更喜欢全局.在官方文档中我没有找到这样的选择.
我的配置在.eslingtrc.js
:
// http://eslint.org/docs/user-guide/configuring
module.exports = {
root: true,
parser: 'babel-eslint',
parserOptions: {
sourceType: 'module'
},
env: {
browser: true,
},
// https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
extends: 'standard',
// required to lint *.vue files
plugins: [
'html'
],
// add your custom rules here
'rules': {
// allow paren-less arrow functions
'arrow-parens': 0,
'indent': 1,
// allow async-await
'generator-star-spacing': 0,
// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
'padded-blocks': [1, …
Run Code Online (Sandbox Code Playgroud)