草庐IT

react-native-youtube

全部标签

javascript - 使用 create-react-app 创建库

我正在尝试创建一个React-Redux库,我正在尝试使用create-react-app获取样板代码,但它在构建脚本中包含诸如appHtml之类的无关紧要的内容。有没有办法将弹出的create-react-app转换为库-具体来说,我需要不将所有js文件打包成一个文件,而只是通过babel传递它们并为每个React生成单独的文件组件? 最佳答案 我已经设法在不弹出和使用createreactapp的内部依赖项的情况下构建库。我已经使用react-scripts@0.9.5对其进行了测试。首先你需要安装babel-cli:npmin

javascript - react `context` 始终为空对象

我正在尝试在我的React应用程序中设置上下文,但不知何故我无法从child访问context。这是父类:importReactfrom'react'importMenuBarfrom'./MenuBar.js'exportdefaultclassAppextendsReact.Component{staticchildContextTypes={prop:React.PropTypes.bool};getChildContext(){return{prop:true}}render(){return()}}这是我的child类(class):importReact,{Componen

javascript - 使用 Switch (react-router) 时滚动到顶部

当从一个页面导航到另一个页面时,我希望用户自动滚动到顶部,即scrollTo(0,0)。根据react-routerdocsonscrollrestoration推荐的方法是设置一个组件ScrollToTop并将您的路由包装在其中。虽然这很有效,并且对于嵌套在ScrollToTop组件中的任何路由,用户都会滚动到顶部,但如果该组件放置在Switch组件中,则Switch不再像Switch那样工作;这意味着它将呈现它匹配的所有路由,而不是第一个。或者,将ScrollToTop放在Switch之外,它不再将用户滚动到顶部。版本:react-router-v4 最

javascript - 是通过 Prop 将对象传递给子 react 组件,克隆原始对象还是通过引用传递?

如果我要通过components属性将对象传递给子组件,这个对象是被克隆还是只是传递对原始对象的引用?例如,在我的App.js中,我正在导入一个JSON对象ENTRY_DATA。然后我通过Prop将该对象传递给我的子组件(或在本例中为路由)。我这样做是在节省内存还是与在每个组件上导入ENTRY_DATA一样?importReact,{Component}from'react';import{withRouter,Route}from'react-router-dom'importENTRY_DATAfrom'./../../entry_data.json';importRegister

javascript - 如何在 React v16.6 中的新 CONTEXT API 中获取多个静态上下文

您好,我正在尝试访问一个组件中的多个上下文,但我仅通过提供者提供的一个上下文值就获得了成功。有两个提供程序ListContext和`MappingContext。我如何访问这样的上下文:classTableDataextendsReact.Component{staticcontextType=ListContext;staticcontextType=MappingContext;componentDidMount(){constdata=this.context//itwillhaveonlyonecontextfromListContext}我知道我可以在render()中使用多

javascript - 如何从嵌入式 youtube 播放列表中禁用 "related videos"

我需要在iframe上嵌入Youtube播放列表。我不希望用户能够退出这个播放列表,所以我需要禁用“相关视频”和“更多视频”功能(一个在视频停止时显示更多视频,一个在视频停止时显示它们视频已完成)。我已经测试了一些解决方法,但它们仅适用于单个视频(不是播放列表),并且大多数方法在更改?rel=0的行为方式后停止工作。有什么办法吗?这是我的代码:.rep{position:absolute;top:0px;left:0px;width:1280px;height:640px;z-index:6;}编辑:视频必须按顺序显示,因此我不能使用rel只显示播放列表中的视频。另外,如果您点击它们,

javascript - 在 YouTube iframe 中嵌入特定时间的链接

附加#t=1m49s语法可以链接到YouTube视频中的特定时间。是否可以在嵌入的同一页面上添加链接,使视频跳转到视频中的不同时间?Linkto1minutes10secondsLinkto3minutes4secondsLinkto5minutes10secondsetc.. 最佳答案 Goran发布了api引用。我建议检查一下。不过,这是您正在寻找的一些基本代码。我评论了主要部分://thisfunctiongetscalledwhentheplayerisreadyfunctiononYouTubePlayerReady(pl

javascript - react componentDidMount 与 getInitialState

我对React的使用和模式有一些疑问。我应该使用componentDidMount或getInitialState在异步加载数据?两者有什么区别?我正在为我的前端数据结构使用Backbonethis.props.data=newBrandModel({_id:this.props.params.brandId});varthat=this;this.props.data.fetch({success:function(){that.setState({brand:that.props.brand});}});returnnull;更新:感谢您的回复ThisQuestion不是向我们建议

javascript - Karma+Mocha+React 无法将 Symbol 值转换为字符串

我将webpack+babel用于React+Redux应用程序,将Mocha+Karma用于测试。redux测试用例得到正确执行。但是,当我尝试使用react-addons-test-utils进行DOM测试并使用Karma运行它时,出现此错误未捕获的类型错误:无法将符号值转换为字符串在http://localhost:9876/karma.js:339为了正确调试它,我在karmalib文件中放置了几个记录器(我知道我不应该有)并得到了这个KarmaErrorforReactDOMtesting但是,当我不使用KarmaJS并只是尝试运行测试时,它似乎很好。这是我的karma.co

javascript - react : Are there respectable limits to number of props on react components

有时我的组件具有大量属性。这有什么固有的问题吗?例如render(){const{create,update,categories,locations,sectors,workTypes,organisation}=this.props;//eslint-disable-lineno-shadowreturn();}最佳实践是什么? 最佳答案 我认为您刚刚发现了代码味道。任何时候你有那么多输入(Prop)到一个函数(组件),你必须质疑,你如何用参数组合的所有排列来测试这个组件。使用{...this.props}传递它们只会减少打字,