jjzjj

按钮组件

全部标签

javascript - react 组件的正确命名规范

我正在尝试为React.js应用程序中的组件找到最佳命名约定。这就是我目前一直在做的......假设我有一个searchBar组件,我想在我的table组件中呈现它。search-bar.jsvarReact=require('react');varSearchBar=React.createClass({/*codeforsearchcomponent*/});module.exports=SearchBar;table.jsvarReact=require('react');varSearchBar=require('search-bar');varTable=React.crea

javascript - 内部带有自定义组件的 TouchableWithoutFeedback 不会触发 onPress 回调

我做了一个DEMO所以问题是第三个按钮不起作用。按钮之间的唯一区别是我在Header组件中传递它们的方式。SecondButton}thirdButton={}onPress={this._handlePress}/> 最佳答案 我的解决办法是把这个...进入这个... 关于javascript-内部带有自定义组件的TouchableWithoutFeedback不会触发onPress回调,我们在StackOverflow上找到一个类似的问题: https:/

javascript - 从语义 UI 构建中删除未使用的模块/组件

找了半天,没有找到适合当前SemanticUI2.0的方案。问题是:如何从我的JS/CSS构建中删除未使用的组件和模块?我使用了大约1/4的所有功能,有什么简单的方法可以减小文件大小吗?从semantic.json添加/删除元素的方法似乎不再有效。谢谢,H.G. 最佳答案 这可以在语义UI的安装过程中完成。你读过InstallSemanticUI吗??描述了你要执行npminstallsemantic-ui--save开始安装脚本。系统将询问您要运行哪种类型的设置(自动、快速、自定义)。如果您选择“自定义”,系统将提示您安装语义UI

javascript - ngFor 中的 Angular2 组件抛出错误(viewFactory 不是函数)

我在Angular2应用程序(测试版1)中有一个ComponentB。在我将它放在ComponentA的ngFor循环中之前,它工作得很好。我收到了一个相当神秘的错误:EXCEPTION:TypeError:viewFactory_ComponentB0isnotafunctionin[numbersinComponentA@1:23]BrowserDomAdapter.logError@angular2.dev.js:22690BrowserDomAdapter.logGroup@angular2.dev.js:22701ExceptionHandler.call@angular2.

javascript - 使用 Protractor 获取按钮上的禁用属性不起作用

我试图在一个按钮上获取禁用属性,它应该被“禁用”,但我似乎没有得到值。Angular和Protractor的新手!当我检查页面时,这是我得到的显示已禁用按钮的HTML,就像它在页面上一样:Save下面的Protractor测试返回'Expectednulltoequaldisabled'varbtnSave=element(by.css('.primary'));expect(btnSave.isPresent()).toBeTruthy();varattr=element(by.css('.primary')).getAttribute('disabled');expect(attr

javascript - 使用无状态功能组件与调用方法有什么区别?

我试图了解无状态组件以及这些示例之间的区别:classApp{render(){return({this.renderAFunction('hello')});}renderAFunction(text){return({text});}}还有这个:classApp{render(){return();}}constRenderAFunction=({text})=>({text});或者是否有任何区别? 最佳答案 在功能上,绝对没有区别。两者最终都呈现一个段落元素,但还有其他方面需要考虑。在检查这两种方法时,(在我看来)需要说明三

javascript - 复制当前网址按钮 - Javascript

好吧,这可能是简单的或完全错误的,但我正在尝试创建一个按钮来将当前URL复制到剪贴板,这是我目前拥有的,我不太熟悉javascript,所以这是来自几个来源混合在一起,希望最好。ClickmefunctionCopyLink(){window.clipboardData.setData("Text",location.href);}任何帮助都将非常感谢! 最佳答案 使用来自thisanswer的函数copyTextToClipboard,您可以像这样单击按钮复制链接:functioncopyTextToClipboard(text)

javascript - React/Redux 应用程序中组件的权限检查

我正在尝试与构建React应用程序的团队合作,并试图找出创建“高阶”React组件(包装另一个组件)的最佳方法,以结合Redux数据执行身份验证商店。到目前为止,我的方法是创建一个模块,该模块由一个函数组成,该函数根据是否存在经过身份验证的用户返回一个新的React组件。exportdefaultfunctionauth(Component){classAuthenticatedextendsReact.Component{//conditionallogicrender(){constisAuth=this.props.isAuthenticated;return({isAuth?:

javascript - 带 ionic 切换而不是按钮的 ionic 输入插件

我非常想合并一个item-input-inset用ion-toggle而不是按钮-因此用户可以选择禁用输入字段。我想要的是这样的:我确实希望将文本输入连接到一个模型,所以我总是有一个NotApplicable变量或用户输入的一些其他字符串(或空字符串)。但我的第一个问题是布局似乎乱七八糟。这是我得到的结果:给出下面乱七八糟的布局 最佳答案 @Norfeldt:请检查下面的代码片段,让我知道您的想法。希望它能像您期望的那样工作。angular.module('ionicApp',['ionic']).controller('MainC

javascript - 单击 Shiny 的操作按钮后,将光标聚焦在 textArea 中

无论如何,我都不是html或JavaScript方面的专家。所以,我希望你能帮助解决这个问题。我认为我应该提供我的应用程序的较小版本以便能够解释问题。这是一个简单应用程序的app.R,它允许用户在textArea中书写,让我们说一个词。单词的第一个字母将自动显示为操作按钮的标签,如果用户单击操作按钮,textArea的内容将更新,说明用户编写的单词是以元音还是以辅音开头。library(shiny)library(shinydashboard)#DefineUIforapplicationui问题定义:当你第一次运行上面的应用程序时,你会看到光标在textArea中,因为textAre