草庐IT

react-native-safe-area-view

全部标签

javascript - .map() undefined 不是 React.js 中的函数

是的,我可能在这里遗漏了明显的问题,但我收到“未捕获的类型错误:未定义不是函数”我似乎是.map()这就是问题所在,但我不明白为什么。varidealist=React.createClass({loadCommentsFromServer:function(){$.ajax({url:this.props.url,dataType:'json',success:function(data){this.setState({data:data});}.bind(this)});},handleButtonClick:function(input){//dostuff//},getInit

javascript - 将数组传递给 Laravel View 并将该数组用作 VueJS prop

我有一个数组变量$screenshots,我正试图将其传递给我的LaravelView。通常,我会使用@foreach并循环遍历数组,但我想通过将整个数组定义为Prop来将其传递给Vue组件。我想这样做是为了循环遍历组件中的数组。我收到htmlentities()expectsparameter1tobestring,arraygiven错误。使用VueJS和Laravel执行此操作的正确方法是什么?这是我的Blade模板:@section('content')@endsection这是我的自定义组件(不同的文件):exportdefault{template:'#edit-ticke

javascript - 使用 React 更改文本区域中的光标位置

我在React中有一个文本区域,我想把它变成一个“记事本”。这意味着我希望“tab”键缩进而不是散焦。我看了thisanswer,但我无法让它与React一起工作。这是我的代码:handleKeyDown(event){if(event.keyCode===9){//tabwaspressedevent.preventDefault();varval=this.state.scriptString,start=event.target.selectionStart,end=event.target.selectionEnd;this.setState({"scriptString":v

javascript - 使用 Html.BeginCollectionItem 帮助程序传递集合的分部 View

我做了一个小项目来理解StephenMuecke在这里的回答:SubmitsamePartialViewcalledmultipletimesdatatocontroller?几乎一切正常。javascript从局部View添加新字段,我可以通过局部View的Controller方法插入的“temp”值知道它们绑定(bind)到模型。但是,当我提交新字段时,AddRecord()方法抛出一个异常,表明模型没有被传入(“对象引用未设置为对象的实例”)。另外,当我查看页面源代码时,BeginCollectionItem帮助器插入一个隐藏标签,因为它应该围绕主视图中显示预先存在的记录的表格,

javascript - react-native async 函数返回 promise 但不是我的 json 数据?

我正在学习react-native,但遇到了一个问题。为什么在从异步函数返回时获取数据会返回一个promise,但在异步函数本身中,它会正确返回一个对象数组?在componentDidMount()上,我调用我的异步函数,该函数依次获取apiurl:componentDidMount(){letdata=this.getData();console.log(data);//在console.log(json)中,我得到了正确的json对象列表,我可以使用json[0].name访问它们。但稍后,console.log(data)返回一个包含奇数数据的promise:Promise{_4

javascript - 在 Knockout View 模型定义之外设置属性值

我有一个这样定义的KnockoutView模型:functionviewModel(){varself=this;self.myName=ko.observable();self.myValue=ko.observable("10");};现在我需要在单击链接时更改View模型的值,如下所示:$('a.treeitem').live("click",function(e){e.preventDefault();viewModel.myValue("20");//thislinedoesnotwork});但是,我找不到设置该值的正确方法,Chrome控制台显示以下消息:未捕获类型错误:

javascript - react .js : Refs are not available on initial render

我想在组件的根DOM元素中间放置一个圆圈:varApp=React.createClass({render:function(){return;},centerX:function(){varsvg=this.refs.svg.getDOMNode();returnsvg.offsetLeft+Math.round(svg.offsetWidth/2);}});http://jsfiddle.net/NV/94tCQ/鸡生蛋还是蛋生鸡的问题:this.refs在第一次渲染时未定义。解决这个问题的最佳方法是什么?我不希望引用外部DOM节点(例如document.body)。

javascript - React JS 中这个关键字之前是什么?

我在一些react-js库中看到了如下语法。这是什么意思,如何帮助我编写代码?constinputAttributes={id:'events-playground',placeholder:'Whereareyounow?',onChange:::this.onInputChanged,onBlur:::this.onInputBlurred};谢谢。 最佳答案 这是.bind的新ES7语法,等价于ES5constinputAttributes={id:'events-playground',placeholder:'Wherea

javascript - 无法读取未定义的属性 'bind'。 react .js

这个问题在这里已经有了答案:UnabletoaccessReactinstance(this)insideeventhandler[duplicate](19个回答)关闭6年前。我正在使用onsenui制作列表并使用react。但我不能从onchanged调用绑定(bind)。我想不通....有谁能解决这个问题吗?这是我的代码。我想从输入项调用handlechanged方法。但是随后,无法读取未定义的属性“绑定(bind)”。exportdefaultclassMainPageextendsReact.Component{constructor(props){super(props);

javascript - React 在使用 ErrorBoundary 捕获后仍然显示错误

我的React应用程序正在捕获错误并正确显示我的自定义错误消息,但一秒钟后它仍然显示原始错误日志记录。因此,后备UI随后会被初始错误屏幕所取代。测试组件:importReact,{Component}from'react';exportclassTestextendsReact.Component{constructor(props){super(props);}render(){return();}}错误组件:importReact,{Component}from'react';exportclassErrorextendsReact.Component{constructor(pr