草庐IT

react-native-safe-area-view

全部标签

javascript - React redux 应用文件夹结构

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我了解react/redux应用程序的概念。我的问题是,是否有一种首选的方式来布置文件夹结构和文件。在网上对repos进行了大量研究后,似乎每个人的做法都略有不同,具体取决于他们的代码风格。另一方面,Angular似乎有一个集合结构。这是否让React变得更强大,因为您可以根据需求的变化进行微调和调整?社区是否就任何既定模式达成一致?

javascript - 使用其名称 react 渲染组件

我正在试验React.js,它运行得非常好。我想知道是否可以像这样将类注入(inject)其他类:varContainer=React.createClass({render:function(){}});假设implComponent已像这样传递:React.render(,document.getElementById('content'));由于语法错误,这不起作用。我很容易理解为什么。换句话说,我想根据名称将类注入(inject)其他类。这可能吗?我该怎么做? 最佳答案 你很接近。您需要自己传递组件类(不是字符串),然后因为

javascript - 可以递归定义 React prop 类型吗?

假设我们正在定义一个将显示树的React类。React.createClass({propTypes:{tree:treeType},render:function(){//...}});这是treeType的定义,它显然不起作用,但希望能说明我要表达的意思。vartreeType=React.PropTypes.shape({value:React.PropTypes.string,children:React.PropTypes.arrayOf(treeType)})有没有办法让类型懒惰地引用自己,这样就可以工作了? 最佳答案

javascript - 在 React 子组件上调用方法

我想编写一个Form组件,它可以导出一个方法来验证其子项。不幸的是,窗体在其子项上“看不到”任何方法。下面是我如何定义Form的潜在子级:varInput=React.createClass({validate:function(){...},});下面是我定义Form类的方式:varForm=React.createClass({isValid:function(){varvalid=true;this.props.children.forEach(function(component){//-->ThisiteratesoverallchildrenthatIpassif(type

javascript - react : Can I check if a state exists before rendering it

我是React的新手,我制作了一个显示用户名user的导航栏{this.state.name}但问题是如果用户未登录,我会收到一个错误,因为this.state.name未定义。有什么方法可以在将它呈现为导航栏的一部分之前检查是否已定义this.state.name还是有更好的方法来消除此错误? 最佳答案 当然,使用三元:render(){return(this.state.name?{this.state.name}:null);}甚至更短render(){return(this.state.name&&{this.state.n

javascript - Backbone Marionette 获取区域 View

我有一个Marionette布局,其中有一个区域,里面有一个View。我怎样才能获得对该View的引用?例如:varlayoutView=Backbone.Marionette.Layout.extend({regions:{myRegion:'.some-element'},initialize:function(){this.render();this.myView.show(newsomeView());},test:function(){varview=this.myRegion.get()//orsomethingtoretrievetheview?}});我的意思是,我可以

javascript - react typescript 打字不起作用

通过打字安装后,我在终端中收到以下错误终端错误errorTS2320:Interface'Element'cannotsimultaneouslyextendtypes'ReactElement'and'ReactElement'.Namedproperty'type'oftypes'ReactElement'and'ReactElement'arenotidentical.ERRORin/Users/ajvivek/Dev/ES6/motionize-code/typings/globals/react/index.d.ts(2375,5):errorTS1036:Statement

javascript - 为什么我的 React Bootstrap Glyphicons 没有显示?

我正在使用ReactBootstrap的Glyphicon组件,但没有显示任何字形。到目前为止,这是我的代码:索引.jsimportReactfrom'react';importReactDOMfrom'react-dom';importGlobalfrom'./components/Global';ReactDOM.render(,document.getElementById('root'));全局.jsimportReact,{Component}from'react';import{FormGroup,FormControl,InputGroup,Glyphicon}from'

javascript - react .js : the most efficient way to pass a parameter to an event handler without bind() in a component

当事件处理程序使用this时(像下面的handleClick一样使用this.setState),你必须将事件处理程序与this关键词。否则,您需要使用thearrowfunction.例如//Thisfunctionisn'tboundwhilstusing"this"keywordinsideofit.//Still,itworksbecauseitusesanarrowfunctionhandleClick=()=>{this.setState({isClicked:true});}render(){return(Click);}但是,使用上述方法,您不能传递参数。您需要使用..

javascript - JsonConvert.SerializeObject 的输出是否需要在 Razor View 中进行编码?

我使用Newtonsoft库将C#对象转换为JSON。Newtonsoft.Json.JsonConvert.SerializeObject的使用是否安全,或者是否需要额外的编码?如果需要额外的编码,您有什么建议?这是我在RazorView中使用它的方式:varjsModel=@Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model)) 最佳答案 您至少需要将“”字符编码为“\u003E”。最后我检查了JSON.NET没有将这些字符编码为字符串文字。我可能会为此受到指责,