小编fac*_*com的帖子

有没有办法在React中访问父组件实例?

我知道这不是一个能够像this.parent在React组件中那样做的功能方法,而且我似乎无法在React组件实例上找到任何通向父级的属性,但我只是希望能够在我需要的地方做一些自定义的事情.

在任何人浪费时间解释它不是功能性的React"方式"之前,了解我需要这个,因为我正在努力实现以下目标:

为Meteor的Spacebars模板引擎构建一个转换器,其渲染模型确实考虑了父组件/模板.

我已经构建了一个修改输出jsx的转换器来实现这一点.我通过传入parent={this}所有组成的子组件来做到这一点.然而,它发生,我认为也许我根本不知道的东西,这将使我的方式来访问父组件实例事实后,无需额外transpilation修改.

任何提示将非常感激.

reactjs

41
推荐指数
3
解决办法
7万
查看次数

如何在VS Code终端中停止命令

我一直用垃圾桶停止命令太久了.命令周期在Mac上不起作用.我找不到任何地方如何通过命令停止终端.有人知道这是什么吗?

visual-studio-code

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

为什么所有lodash最终都在我的webpack构建中?

我检查了包含它的所有库,它们都通过完整路径包含函数,即:import find from 'lodash/find'.

Redux是使用它的主要依赖项,我也检查了它们的代码,并且它正确地通过其完整路径导入每个函数.

这是我的webpack构建的json输出可视化:

https://www.dropbox.com/s/njjjtgtw19d52j6/Screenshot%202016-10-30%2006.27.44.png?dl=0

正如您所看到的,lodash占据了很大的比例,而其中只使用了一些方法.使用webpack-bundle-size-analyzerlodash达到135kb(当然是预先缩小和压缩),但它仍然比它应该大得多.

还有其他人经历过这个吗?我觉得它以某种方式减少了.

更新:我发现一个包使用点语法导入lodash函数:import find from 'lodash.find'.也许就是这样.点语法和完整路径语法之间有什么区别?

javascript reactjs webpack redux

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

Chrome中的React Native源地图(和断点)不匹配

是否有人遇到问题,当他们在Sources选项卡中添加断点时,他们无法将它们添加到大多数行,并且当您这样做时,调试器会在另一行上断开.

源地图似乎没有正确匹配.我正在使用我的实际设备.不确定这是否是一个问题.除了此处提到的内容之外,是否还有其他用于chrome调试的设置要求:

https://facebook.github.io/react-native/docs/debugging.html

???

react-native

7
推荐指数
1
解决办法
345
查看次数

你怎么认为flowtype redux thunk?

我目前正在做的是:

export type Action =
   { type: 'FOO' }
 | { type: 'BAR' }

export type Thunk = (dispatch: Dispatch, getState: GetState) => Action | Thunk 

export type Dispatch = ReduxDispatch<Action> & (action: Thunk) => void
Run Code Online (Sandbox Code Playgroud)

但如果你直接派遣store,那将无法重新创建store:

export type Store = ReduxStore<State, Action>

一般来说,我的thunk解决方案似乎还有其他一些小问题.有没有人有工作库定义redux-thunk?我找不到任何地方.

reactjs redux redux-thunk react-redux

7
推荐指数
1
解决办法
1811
查看次数

React Native崩溃报告有什么好的设置?

我看到getSentry现在有React Native的崩溃报告:

https://docs.getsentry.com/hosted/clients/javascript/integrations/react-native/

我喜欢他们,因为他们很好地将异常与您的源地图相关联.但我也想抓住本机崩溃.你基本上要设置getSentry和Crashlytics吗?

这是讨论各种选项的主题:

https://github.com/facebook/react-native/issues/5378

这里有一个看似很好但有点迂回的hokeyapp解决方案:http: //blog.nparashuram.com/2015/10/crash-analytics-and-feedback-for.html

我想知道人们在生产中成功使用什么来捕获原生和javascript崩溃与详细的源地图感知报告?

sentry crashlytics hockeyapp twitter-fabric react-native

6
推荐指数
2
解决办法
4886
查看次数

在ES6中扩展类时,是否可以定义回调

基本上,如果调用我的库类,我想做一些设置工作.例如:

class Child extends Parent { 
    //methods
}
Run Code Online (Sandbox Code Playgroud)

我想在扩展Parent类时分配一个要调用的函数.我想以某种方式得到通知.在它即将发生之前(将要附加的方法作为参数),或者在将Child类作为参数之后.

我有一个我构建的ES5库,它使用工厂函数来创建新类,在该函数中我做了很多设置工作.我想做所有相同的东西,但ES6类语法的简单性,所以使用我的库的开发人员不需要考虑任何特殊的东西,并可以考虑更简单的类.

任何帮助将非常感激.

javascript ecmascript-6

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

如何在开发中禁用Meteor JS中的热代码推送?

我正在使用Tincr(http://tin.cr/)来利用Chrome的代码热交换功能.但是,现在我需要在每次保存文件时禁用Meteor刷新页面,因为由于chrome hot-swapping,代码已经在浏览器的运行时环境中更新了.

我怎样才能做到这一点?

javascript meteor

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

如何覆盖Javascript中的方法并将其应用于原始对象,而不是孩子?

我试图覆盖play()Audio对象的方法,但我不想只为子对象这样做.我想将它应用于标准的Audio对象.

问题是我也想使用原始play()方法.我已经尝试克隆Audio对象,进行更改,同时调用原始Audio对象的play()方法并重新分配回原始的Audio对象.它不起作用.

想法有人吗?例如,如何在仍然调用原始播放方法的同时alert()play()方法中添加?

PLZ.我需要这样做,因为我调用了一个调用新音频的工具生成的代码.因此,对于我正在做的数百代代码而言,不断地必须对此进行替换将是一种超级痛苦.

javascript html5 prototypal-inheritance html5-audio

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