草庐IT

react组件中方法调用

全部标签

javascript - react : get custom checkbox's checked attribute

我想用复选框进行一些自定义,它看起来像这样:所以我将我的自定义复选框包装到React组件中:require('../../less/ck-checkbox.less');varReact=require('react');varCkCheckbox=React.createClass({propTypes:{name:React.PropTypes.string,text:React.PropTypes.string,defaultChecked:React.PropTypes.bool,onChange:React.PropTypes.func},getDefaultProps:fu

javascript - react 路由器 - 未定义的历史

我正在尝试使用1.0.0-rc1react-router和history2.0.0-rc1在按下按钮后手动浏览网站。不幸的是,按下按钮后我得到:Cannotreadproperty'pushState'ofundefined我的路由器代码:importReactfrom'react';import{Router,Route,Link,browserHistory}from'react-router'importAppContainerfrom'./components/AppContainer.jsx';importMyTabfrom'./components/test/MyTab.j

javascript - 绑定(bind)在动态加载的组件中不起作用

我遇到了一个问题,如果我动态加载一个组件,模板中的所有绑定(bind)都不适合我。除此之外,永远不会触发ngOnInit方法。loadView(){this._dcl.loadAsRoot(Injected,null,this._injector).then(component=>{console.info('Componentloaded');})}动态加载组件import{Component,ElementRef,OnInit}from'angular2/core'declarevar$:any@Component({selector:'tester',template:`Dyna

javascript - <span> 不能作为 <select> 的 child 出现在 react 中

我创建了一个选择下拉组件,我在react-redux应用程序中以redux形式使用它。下拉菜单效果很好,对性能没有影响,但在浏览器中我收到以下警告。Warning:validateDOMNesting(...):cannotappearasachildof.我不确定为什么会收到此错误,因为我没有传递任何元素。这是我用来创建选择下拉列表的代码(选项是一个包含每个选项属性的对象数组。option.text是一个将由用户查看的字符串值。所以它可能类似于“选项1”或“选项2”。)return({options.map((option)=>{return{option.text}})})关于为什

javascript - 如何在 React.createClass 中使用箭头函数

我想在我的小项目中尽可能使用ES6(ES2015)。现在我想在React中使用箭头函数。//WhatIwantletText=React.createClass({componentDidMount:()=>{setInterval(this.updateCurrentTime,1000);}}//WhatIhaveletParagraph=React.createClass({render:()=>()});letText=React.createClass({getInitialState:function(){return{currentTime:(newDate()).toSt

javascript - 如何在自身内部调用函数

我有一个函数,我想在最后一行结束后在内部再次调用。如果我显示代码,也许会更容易理解。functionupdateQuantity(){//furthercodewhereIchangesamedata//andnowIwanttostartfunctionagainbutwithrememberingtheinputelementthatcalleditpreviouslyupdateQuantity(this);//Itrieditthiswaybutitdoesn'twork}有什么想法吗? 最佳答案 答案很简单,在update

javascript - 从 HTML 调用 typescript 文件中的函数。

我是HTML和Angular2的新手。我目前正在尝试了解如何从HTML文件调用Typescript文件中的函数。精简后,Typescript文件(home.ts)函数如下所示:getConfigurations(sensorName:string){console.log('Home:getConfigurationsentered...');return'sensor1';}在我的HTML文件(home.html)中,我想使用字符串参数调用“getConfigurations”(现在“getConfigurations()”返回“sensor1”,因为我仍在测试)。那么,在HTML中

javascript - 通过 Props 将值从 React Stateless Child 传递给 Parent

语境我正在尝试将输入值字段(conditionTitle)从ReactStateless子组件(AddConditionSelect)传递到父组件(AddConditionDashboard)>)这将保持我的状态。问题我遵循了Reactdocumentation中显示的模型,但他们使用的是refs,这仅在组件是有状态的情况下才有效。我不想在子组件中设置任何状态,但仍然能够访问父组件中的输入。在目前的形式中,我收到一个警告,无状态函数组件不能被赋予refs,导致props为null和未定义。父组件:importAddConditionSelectfrom'../containers/Ad

javascript - 我什么时候需要使用 super(props) 将 prop 传递给 React 组件的构造函数?

这个问题在这里已经有了答案:What'sthedifferencebetween"super()"and"super(props)"inReactwhenusinges6classes?(10个答案)关闭6年前。很多时候我们在构造函数中发送props但我们从来没有在构造函数中的任何地方使用this.props那么为什么需要传递它以及何时需要这样做。classAppextendsReact.Component{constructor(props){super(props);//Whendoweneedtosendpropstotheconstructorthis.state={data:

javascript - 如何在 React Native 中按百分比定义宽度?

我正在尝试创建一个带有边框的View,该边框居中并填充屏幕的80%。我想出了这个:这有效,但看起来非常冗长。是否有更好(更简洁)的方法来创建占屏幕宽度一定百分比并位于页面中心的View? 最佳答案 更新:从ReactNative版本0.42开始,我们现在对width、height、padding等提供完整的百分比支持,请参阅完整的在此处列出和示例:https://github.com/facebook/react-native/commit/3f49e743bea730907066677c7cbfbb1260677d11旧方法:考虑