草庐IT

按钮(Button)组件

全部标签

javascript - bundle.js 而不是 React 组件上的控制台日志记录错误

我创建了一个适合我的Webpack构建-它有一个用于热重载的开发服务器,以及一个运行模板html文件并集成bundle.js文件。一切都很好,除了当我在我的开发服务器上工作时,控制台给我这样的错误消息:UncaughtError:预期reducer是一个函数。(…)bundle.js:36329它引用bundle.js作为错误源,而不是我正在使用的组件,这使得追踪错误源变得非常困难。据控制台所知,我知道它是包含错误的bundle.js文件,但我怎样才能让控制台记录预捆绑代码?(例如Component.js)提前致谢。 最佳答案 您应

javascript - react 切换组件

我在下面有这个简单的代码。当我按下切换按钮时,组件Child应该隐藏/显示,但事实并非如此。我必须重新渲染某些东西吗?我不想切换进/出CSS类,只需通过单击按钮进行切换importReact,{Component}from'react';letactive=trueconsthandleClick=()=>{active=!active}classParentextendsReact.Component{render(){return({active&&}Toggle)}}classChildextendsReact.Component{render(){return(Iamthech

javascript - 在功能组件中存储非状态变量

下面是两个React组件,它们几乎做同样的事情。一个是函数;另一个是一个类。每个组件都有一个Animated.Value和一个在发生变化时更新_foo的异步监听器。我需要能够访问功能组件中的_foo,就像我在经典组件中访问this._foo一样。FunctionalBar在全局范围内不应有_foo,以防有多个FunctionalBar。FunctionalBar不能在函数作用域中包含_foo,因为每次FunctionalBar呈现时都会重新初始化_foo。_foo也不应处于状态,因为当_foo更改时组件不需要呈现。ClassBar没有这个问题,因为它在组件的整个生命周期中保持_foo在

javascript - 是什么让后退按钮在某些网站上不起作用?

所以我们都去过一些烦人的网站,这些网站禁用了浏览器中的后退按钮。这可以通过快速按下后退按钮两到三次来规避。我的问题是:当后退按钮被禁用时究竟发生了什么,以及2.)为什么单击按钮两次或三次可以解决问题?渴望得到答案,不要让我失望,所以!:) 最佳答案 这是重定向-您单击指向页面a的链接,该链接重定向到页面b。当您单击返回时,您将返回到页面a,它会立即将您重定向回页面b。如果您快速点击两次,则没有时间进行重定向。我认为您的问题与Twitter无关。JavaScript应用程序还有另一个后退按钮问题,这些应用程序不会重新加载页面,其中对页

javascript - 设置 Dojo 按钮的宽度

注:与thisquestion有关.我正在尝试像这样以编程方式创建一个dojo按钮:varbtnOK=newdijit.form.Button({label:"OK",showLabel:true,style:"height:20px;width:50px;"});现在即使我指定了宽度,显示按钮的宽度也设置为最小值(即文本+边距)。answer中解释的原因是dojo覆盖按钮的css样式(class="dijitButtonNode")。此外(在同一个答案中)宽度是通过覆盖同一类的样式来设置的。如果没有这个css解决方法,是否可以做同样的事情(即设置宽度)?

javascript - d3.js 散点图 - 缩放/拖动边界、缩放按钮、重置缩放、计算中位数

我已经构建了一个具有缩放/平移功能的d3.js散点图。您可以在此处查看完整内容(单击“在新窗口中打开”以查看完整内容):http://bl.ocks.org/129f64bfa2b0d48d27c9有几个我一直无法弄清楚的功能,如果有人能指出正确的方向,我会很乐意帮助它:我想对区域应用X/Y缩放/平移边界,这样您就不能将其拖动到特定点(例如零)以下。我还尝试过创建Googlemap风格的+/-缩放按钮,但没有成功。有什么想法吗?更不重要的是,还有几个领域我已经找到了解决方案,但它非常粗糙,所以如果您有更好的解决方案,请告诉我:我添加了一个“重置缩放”按钮,但它只是删除图表并在其位置生成

javascript - react bootstrap - 将自定义 bsStyle 属性添加到按钮

我正在为我的项目使用react-bootstrap,我正在尝试将自定义bsStyle属性添加到按钮组件。如果我根据以下链接使用默认Bootstrap类http://react-bootstrap.github.io/components.html#buttons类名正确呈现。但是,如果我将属性更改为bsStyle='facebook',它会呈现btn-undefined简而言之,当我在reactBootstrap中将bsStyle属性传递给组时,我不知道我哪里出错了。这是我的HTML样子如果我将代码更改为它工作正常并且类被正确呈现。这是控制台html日志 最

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

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

javascript - 在 Vue.JS 的父组件中创建子组件

我想弄清楚如何在VueJS中将一个组件放入另一个组件中。例如,像这样的东西,不幸的是它不起作用(子组件似乎什么都不做):http://www.webpackbin.com/NyI0PzaL-我对使用内联模板和使用.vue文件扩展方法同样感兴趣,如上所示。这是上面非工作示例的代码:ma​​in.jsimportVuefrom'vue'importAppfrom'./App.vue'importChildfrom'./Child.vue'newVue({el:'body',components:{App,Child}})index.htmlApp.vue{{parent_msg}}expo

javascript - 是否可以在 Angular 2 中为相同的组件设置不同的样式?

我有一个通用组件,我想在整个应用程序中重复使用。问题是我想为网站的各个部分设置不同的样式。这可能吗?我猜想有一种方法可以为styleUrl传递路径,但这看起来真的很困惑,我希望有更好的选择。我也试过这个但是没有用:指定组件时,在类中添加,像这样然后将基于customStyle1的样式添加到通用组件的样式表中,但它似乎没有采用该样式。 最佳答案 您可以在样式中使用:host-context来根据在使用它的地方应用的某个类来为您的组件设置主题。阅读更多相关信息here!!test.css:host-context(.theme-gree