草庐IT

prop-types

全部标签

javascript - 无效 Prop : type check failed for prop

我用Vue.js创建了一个倒计时,但我无法显示我得到的值。我有两个组件,我已经阅读了Vue的单文件组件指南,但我似乎不明白我做错了什么。在控制台中,我收到以下错误:[Vuewarn]:Invalidprop:typecheckfailedforprop"date".ExpectedNumber,gotString.尽管在我的代码中它被定义为一个数字。app.jsimport'./bootstrap.js';importEchofrom'laravel-echo';importVuefrom'vue';importCurrentTimefrom'./components/CurrentT

javascript - React - TypeError : this. props.courses.map 不是函数

我创建了一个react-redux应用程序。目前它所做的是从服务器(api)加载类(class),并将它们显示到类(class)组件​​。这完美地工作。我正在尝试添加一个功能,您可以在其中通过将类(class)发布到服务器来创建类(class),然后服务器将返回一个成功对象。但是,当我发布到服务器时,出现以下错误(见下文)。我认为这是由于我的connect语句在监听负载类(class)操作。很明显,它认为它应该得到一个列表,而不是一个成功对象。我已经尝试了一些方法来收听类(class)和成功响应,但是为了节省您阅读我所做的所有奇怪事情的时间,我无法让它发挥作用。有谁知道如何解决这个问题

javascript - 在 getDefaultProps 中缓存 Prop 是 React 中的反模式?

我正在编写一个复杂的React应用程序并使用Cortex作为我的中心模型。cortex的理念是它包装您的数据并在更改数据时从根调用完整的重新渲染。这非常有用,尤其是当您有非分层View更改状态并影响其他View时。我面临的问题是在重新渲染时维护状态/Prop。例如,我有一个特定的层次结构,如下所示:EditorCard需要Editor的JavaScript实例为了更改Editor单击PublishButton(我在Editor中使用了一个外部库,它公开了编辑方法)。因此Editor在ComponentDidMount将实例设置为prop在EditorCard上通过调用传递给它的函数。我

javascript - 使用适当的状态/ Prop react 自修改组件

我现在正在做一个宠物项目,我决定使用React作为View。我对它的开发还很远,但我刚刚开始意识到我可能不明白如何很好地使用React,因为似乎为了做简单的事情,你必须采取一些非常极端的措施!所以,是时候举一个任意的例子了!这是适用于JsFiddle的代码varName=React.createClass({render:function(){return{this.props.value}}});varNameContainer=React.createClass({getInitialState:function(){return{names:[{id:1,name:'Fred'}

javascript - React Prop 类型与 Typescript

如果我在我的项目中使用typescript,那么React中prop-types的使用会过时吗?使用prop-types我将不得不经历定义类型的繁琐工作,但使用typescript,这一步将被取消。我的想法正确吗? 最佳答案 听起来不错。当您使用TypeScript时,您可以通过接口(interface)定义Prop。interfaceButtonProps{text:string,shadow?:boolean}constButton:React.FunctionComponent=props=>{return(/*[...]*/

javascript - React 警告传递的值为 null 的 prop,其中不需要 prop 的 PropType

我有一个组件接收error作为字符串或具有2个必需属性的对象。但是null也可以为这个Prop传递。在我当前的设置中,当传递null时,React会发出警告:Warning:Failedproptype:InvalidproperrorsuppliedtoErrorDialog我应该为React更改什么以允许null|字符串|具有这种形状的物体?谢谢!ErrorDialog.propTypes={onResetError:PropTypes.func.isRequired,error:PropTypes.oneOfType([PropTypes.shape({id:PropTypes.

javascript - 错误 : Enzyme Internal Error: unknown composite type undefined

我在尝试应用enzyme时遇到此错误,但我找不到任何相关问题。这是test.js;importReactfrom'react';importAccountLoginFormfrom'./LoginPage';importsinonfrom'sinon';import{mount,shallow,configure}from'enzyme';import{expect}from'chai';importAdapterfrom'enzyme-adapter-react-15';importconfigureStorefrom'redux-mock-store';configure({ada

javascript - TypeError [ERR_INVALID_ARG_TYPE] : The "original" argument must be of type Function. 接收类型未定义

在下面的代码中,我得到了这个错误:TypeError[ERR_INVALID_ARG_TYPE]:The"original"argumentmustbeoftypeFunction.Receivedtypeundefinedconstsqlite3=require('sqlite3').verbose();constutil=require('util');asyncfunctiongetDB(){returnnewPromise(function(resolve,reject){letdb=newsqlite3.Database('./project.db',(err)=>{if(e

javascript - <input type "multiple"> 中的条件 ="file"属性与 AngularJS

我需要一个上传表单字段,它可能允许也可能不允许用户选择多个文件。我知道我可以做类似的事情:但是,我们知道这并不理想。我试过了但这行不通。似乎AngularJShasnosuchngMultipledirective,但是everyoneisusingitanyway(或者我错过了什么?)无论如何,实现该目标的最佳方法是什么?编辑:从目前的答案来看,似乎没有很好的方法可以做到这一点。我在他们的跟踪器上打开了这个问题,让我们看看我们得到了什么:-)https://github.com/angular/angular.js/issues/7714 最佳答案

javascript - 将 Native 传递函数作为 prop 传递给子组件

我是ReactNative(和React)的新手,我正在尝试将函数作为prop传递给组件。我的目标是创建一个组件,它的onPress功能可以由组件的实例化器设置,以便它更容易重用。到目前为止,这是我的代码。App.jsimportReact,{Component}from'react';import{View}from'react-native';importTouchableButtonfrom'./components/touchable-button';exportdefaultclassAppextendsComponent{constructor(){super();}han