草庐IT

component-tags

全部标签

javascript - react + Apollo : GraphQL errors array not passed into component

根据这些Apollodocs,设置all的error-policy应该使GraphQL响应的errors数组可用于我的Apollo包装的React组件“所以[my]UI可以使用它们。”我的应用程序是通用的,所以我使用此策略很重要,这样错误就不会阻止应用程序完全呈现。问题是,即使我的浏览器开发工具在服务器响应中显示了errors数组,我也无法在我的React组件的props中访问它。同样,props.data.error始终未定义。这是为什么?//ComponentimportReactfrom'react';import{graphql}from'react-apollo';impor

javascript - 如何解决 Component should be written as a pure function error in eslint-react?

constHeader=React.createClass({contextTypes:{router:React.PropTypes.object.isRequired,},render(){return(AB);},});我使用eslint-config-airbnb检查上面的代码,它向我显示一条错误消息,例如Componentshouldbewrittenasapurefunction。那么如何将上面的组件改成纯函数呢?感谢您的帮助。 最佳答案 当你有一个“哑”组件(没有内部状态、生命周期方法等)时,你可以将它写成一个简单的j

javascript - Angular UI-Select 为 "Tagging"对象添加重复标签

我正在使用ui-select库来实现“标记”功能。我正在使用对象数组,其中每个对象都有ID和名称。它工作正常。如果我输入不存在的标签,它会创建一个我想要的新标签,但我遇到的唯一问题是,如果用户输入已经存在的标签,它会同时显示新标签和现有标签。ui-select应仅在新标记尚不存在时才允许新标记。如果我输入算法,那么它应该选择/显示现有的“算法”标签,而不是允许插入重复的标签。我无法为此找到任何设置。同样的问题发生在他们的标记示例页面上ui-selecttaggingexample.我想这不是那样的。那么这在ui-select中是可能的还是我应该在我的代码中处理它?有什么解决办法吗?这是

javascript - 如何在 angular2 中的 <code>-tag 中显示代码?

我想在我的angular2应用程序中显示代码片段。但是我无法在代码标签中粘贴简单的javascript代码。我总是需要添加第二个大括号,而且我必须添加ngNonBindable。但我不想添加第二个括号。有人解决这个问题吗?http://plnkr.co/edit/OzlHLJxgwSvUffryV3e4这是我的app.component.html:Hereisthedocumentationforthemodel:exportmodel=newModel({a:1,b:function(){}})用户应该看到:hereisthedocumentationforthemodel:expo

javascript - 为什么 <Route component={Menu}/> 而不是 <Menu/>?

我的/About中有一个包含路线的子菜单。这个子菜单称为AboutMenu并出现在/About下的所有页面,例如=>/About/Company和/About/Info。练习示例显示与activeStyle={match.isExact&&selectedStyle}>我刚用过并添加了exact改为我的AboutMenu链接。为什么要使用而不是仅仅渲染?exportconstAboutMenu=(props)=>{return(CompanyHistoryVision)}关于部分constAbout=(props)=>{return({/*OR?*/})}exportdefaultAb

javascript - 使用 Styled-Components,如何在 Styled Component 之外设置颜色数组?

theme.js-我有一个Styled-Components主题,其中包含我应用的所有颜色变化。constcolors={purples:{60:'#AEA',50:'#GSA',},blues:{20:'#asd',5:'#fasd',}...然后我有一个UI组件,我需要在其中按特定顺序定义一组颜色:importReactfrom'react';constcolors=['#GSA','#AEA','#asd','#fasd','#AEA'];我稍后使用此colors数组根据状态找到要在我的组件中使用的正确颜色:constgetBackgroundColor=({currentPos

javascript - 如何避免 React Component 不必要的重新渲染

我一直在学习React16.8的新特性。我相信React的PureComponent应该自动避免不必要的重新渲染操作。在以下示例中,App本身是一个无状态组件。我用useState维护两个状态对象text和nested:{text}.有3个测试。前2个测试有效。无论我改变多少次状态,都不需要重新渲染操作。现在,第三个测试尝试设置text的状态具有相同的字符串值,但引用不同。我不希望重新渲染任何内容,但实际上,将被重新渲染。我应该使用某种内存技巧来避免吗?我觉得归档它的代码太多了。程序员必须非常小心才能编写高质量的React代码。..classHeadlineextendsReact.P

正则表达式 : Match text NOT part of a HTML tag

我真的想要一个在node.js中可执行的正则表达式(所以没有jQueryDOM处理等,因为标签可以有不同的嵌套)匹配所有不是HTML标签或部分的文本它分成不同的组。例如我想匹配"5","ELT.","SPR","","plo","Unterricht",""," "和"plo"来自那个字符串:5ELT.SPR pioUnterricht  pio我可以保证标签中不会有“>”。我找到的解决方案是(?)[^>,但这在node.js中不起作用(可能是因为前瞻?它说“无效组”)有什么建议吗?(是的,我真的认为Regex是正确的方式,因为html可能以其他方

javascript - react : potential race condition for Controlled Components

theReacttutorial中有如下代码:classNameFormextendsReact.Component{constructor(props){super(props);this.state={value:''};this.handleChange=this.handleChange.bind(this);this.handleSubmit=this.handleSubmit.bind(this);}handleChange(event){this.setState({value:event.target.value});}handleSubmit(event){alert

javascript - react / Hook : prevent re-rendering component with a function as prop

假设我有:constAddItemButton=React.memo(({onClick})=>{//Goalistomakesurethisgetsprintedonlyonceconsole.error('ButtonRendered!');returnAddItem;});constApp=()=>{const[items,setItems]=useState([]);constaddItem=()=>{setItems(items.concat(Math.random()));}return({items.map(item=>{item})});};每当我添加一个项目时,重新呈