jjzjj

Components

全部标签

javascript - 在 React JS 中的组件之间切换

我想创建一个包含2个组件的简单流程。第一个组件被渲染,我点击它上面的一个按钮,这个Action渲染第二个组件。单击第二个组件的按钮,它应该切换回第一个组件,但是却发生了错误:Warning:React.createElement:typeshouldnotbenull,undefined,boolean,ornumber.Itshouldbeastring(forDOMelements)oraReactClass(forcompositecomponents).Checktherendermethodofexports.warning@react.js:20728ReactElemen

javascript - 视觉 : Components/templates as props

我目前正在尝试学习vue并在整个组件概念上苦苦挣扎。假设我有一些定义选项卡的组件(如浏览器选项卡)。这个组件有一个名为name的属性。所以你可能会像这样使用组件:然而,让我们说事情需要更复杂一点。例如,您不只是希望名称是一个字符串,而是常规的HTML。好的,所以,您可以在v-html指令中使用prop并像这样使用选项卡组件:'+tab.display_name+''">由于引述太多,我花了一段时间才弄明白。有没有办法逃离这个逃生hell(完全是双关语)?我怎样才能把它放到它自己的代码片段/模板中?如果我们让它变得更复杂怎么办——比如我们要求prop是一个vue组件?'+tab.disp

javascript - 通过说 "require(' library')"可能需要来自 bower_components 的 JS 文件?

我是RequireJS的新手,看起来它实际上可能是不可能的,但我仍然会继续问下去,以防我遗漏了什么。在文档中它说..ThissetupassumesyoukeepallyourJavaScriptfilesina"scripts"directoryinyourproject.project-directory/project.htmlscripts/main.jshelper/util.js但是如果我必须在bower_components中从我的bower安装文件中获取文件怎么办:project-directory/bower_components/jquery-mousewheelj

javascript - 如何将可选元素作为 reactjs 中的 prop 传递给组件

我正在尝试找出正确的“react”方式来将作为元素的可选Prop传递给容器组件,该组件的处理方式与该组件的子组件不同。举个简单的例子,我有一个Panel组件,它渲染它的子组件,它也有一个可选的“title”Prop(为了这个例子,它是一个元素而不是一个字符串),它被特别渲染(放在一个特殊的地方,在保持抽象的同时具有特殊的行为。一个选择是有一个从child中拉出并专门呈现的组件:somestuffsomeotherstuff但把children拉出来单独处理似乎很奇怪。这在React中通常是如何处理的,我什至认为这是正确的方式 最佳答案

javascript - 为什么 componentWillUpdate() 和 componentWillMount() 在这些方法中使用 setState 时不会触发渲染功能?

我们可以在每个组件生命周期方法中调用setState()。为什么我们不在componentWillUpdate()和componentWillMount()中调用它?为什么这些方法在将setState放入其中时不触发渲染函数?谁能详细解释一下?谢谢。 最佳答案 componentWillMount()中的setState()componentWillMount()isinvokedimmediatelybeforemountingoccurs.Itiscalledbeforerender(),thereforesettingstat

javascript - 将 html 传递给 Vue 组件

目前我将一些参数传递给vue组件hello','goodbye']"slider是“html”slider或带有图像的slider。虽然我传入的html会变得更复杂,可能有30行,但作为参数将更难阅读和管理,这工作正常。我可以传入外部引用并将其拉入组件吗?{{content}}如您所见,组件中的循环是一个非常简单的v-for。 最佳答案 不要使用属性传递HTML,而是使用Slots:Supposewehaveacomponentcalledmy-componentwiththefollowingtemplate:I'mthechil

javascript - UI Router Extras 破坏了我的单元测试并出现意外结果错误?

问题:-为什么在安装ui-router-extras(不是普通的ui-router)时我的测试失败?-我怎样才能使用ui-router-extras并且仍然通过我的测试?如果您想快速安装它,请使用yeoman+angular-fullstack-generator+bowerinstallui-router-extrasIfoundasimilarissuewithnormalui-router.幸运的是,ui-routernormal在我的测试中运行良好。安装后ui-router-extras我得到一个错误如果我卸载ui-router.extras,这个测试就可以通过:$urlRou

javascript - Vue (nuxt) 中的全局组件

在构建Vue应用程序时,我们在每个模板中重复使用某些Vue组件。我们的网格系统存在于.region、.layout、.grid、.column元素之外。它们都是独立的Vue组件(,...)。我们现在在每个模板中都这样做:importBlMainfrom'~components/frame/main/Main.vue'importBlRegionfrom'~components/frame/region/Region.vue'importBlLayoutfrom'~components/frame/layout/Layout.vue'importBlGridfrom'~component

javascript - 使用 browserify 异步/延迟加载 Vue 组件

我试图在laravel项目中将许多Vue.js组件加载到我的app.js文件中(通过elixir使用browserify/vueify)。我不想一次加载每个组件,而是想在需要时使用vuerouter延迟加载各个vue组件。.我在哪里设置partitionbundlejson文件,它应该如何构建?目前,我将以下内容绑定(bind)到我的主要app.js文件中:importVuefrom'vue';importResourcefrom'vue-resource';importVueRouterfrom'vue-router';//ThesearethecomponentsthatIwish

javascript - 最佳实践 : reuse components or write duplicates

我正在使用React、alt和immutable进行商店管理。我的报价对象大致如下所示:offer:{groups:[{articles:[{optionGroups:[{options:[]}]}]}]}我遍历每个条目并显示一个表单来编辑组、文章...。如果发生更改,我调用OfferAction并将路径、更改的字段和新值传递给实体,例如OfferActions.update([2,'articles',5,'optionGroups'],'name','MyOptionGroup')现在我想显示完全相同的表单,但具有不同的占位符和更改处理程序。如果填写了表单,则应创建实体(必须调用不