草庐IT

Text、Button组件

全部标签

javascript - React组件声明中 'export'的作用是什么?

在React(ES6)中,为什么我有时会看到这个?...classHelloextendsReact.Component{...}有时这个?exportclassHelloextendsReact.Component{...}export关键字的意义是什么?如果使用webpack,是否需要对webpack.config.js文件进行任何更改?如有任何相关信息,我们将不胜感激,在此先致谢。更新:ma​​in-file.jsimportReactfrom'react';importReactDOMfrom'react-dom';import{External}from'./external

javascript - 当组件在 native react 中重新呈现时,动态不透明度不会改变

我开始学习ReactNative,并为我的项目创建了一个简单的Button组件以在我的项目中重复使用。我根据变量“禁用”动态设置不透明度值,但是,按钮的外观不会随着不透明度变量的值而改变。我四处搜索,但没有找到解释..任何帮助将不胜感激。这是我的源代码:importReactfrom'react'import{View,Text,TouchableOpacity,StyleSheet}from'react-native'importPropTypesfrom'prop-types'//TODO:arrumaroproblemacomaopacidadeexportdefaultfunc

javascript - 如何在 Recompose 中使用 withHandlers 向功能组件添加引用并在 ScrollView 上调用 ScrollTo?

我的具体目标是使用ScrollTomethod一个ScrollView但保持功能组件结构。更一般地说,这需要获取对当前组件的引用isn'tpossiblewithnakedreactnative.2016年12月recompose添加了AllowshandlerspropertyofwithHandlerstobeafactoryfunction但我不太清楚如何正确使用它。如何在Recompose中使用withHandlers向功能组件添加引用并在ScrollView上调用ScrollTo? 最佳答案 你可以尝试这样的事情:/*..

javascript - 是否有可能在 react 组件标签之间传递文本?

我想知道是否可以在两个React组件标签之间传递数据示例:Component.jsvarReact=require('react');exportclassMyComponentextendsReact.Component{render(){return/*sometext*/;}}App.js/*renderedtopage*/HowdoIdisplaythistext?我知道我可以添加this.props.text但我很好奇这是否是一个选项 最佳答案 你可以使用this.props.children:exportclassMyC

javascript - 模拟 :starts-with or :ends-with for searching text? 的 jQuery 选择器

如果您查看selectorslist在jQuery网站上,有用于属性开始和结束的选择器。还有一个用于搜索文本的:contains选择器:alert($("div").find("span:contains(text)").html());jQuery是否有使用开头或结尾来搜索字符串的实现?仅供引用:我需要搜索XML对象。 最佳答案 据我所知不是默认情况下,但您可以通过$.expr[":"]添加自己的伪选择器:http://jsfiddle.net/h6KYk/.$.extend($.expr[":"],{"starts-with":

javascript - 此警告消息是什么意思? 'img elements must have an alt prop, either with meaningful text, or an empty string for decorative images'

为什么我会收到此警告?warning:imgelementsmusthaveanaltprop,eitherwithmeaningfultext,oranemptystringfordecorativeimagesjsx-a11y/img-has-alt它显示第13行,但没有使用任何Prop。 最佳答案 这意味着当您在HTML中创建图像时,为了屏幕阅读器和文本浏览器的利益,您应该包含一个alt属性。 关于javascript-此警告消息是什么意思?'imgelementsmusthave

javascript - 如何使用另一个组件使用的 ES6 在 React JS 中创建通用帮助程序类?

我是Reactjs的新手,我的问题是我想创建一个类,它将作为我想在另一个类或组件中使用的全局助手。用例例如,如果用户选择任何餐厅,首先我想获取用户输入的所有餐厅列表关键字,然后我想获取餐厅详细信息。在这个用例中,我必须进行两次ajax调用,我想创建可以在其他组件中使用的全局ajax辅助函数。classAjaxHelperClass{ResturantAPI(url){$.ajax({url:url,success:function(res){}});}}exportdefaultAjaxHelperClass;在我使用AjaxHelperClass函数的另一个组件中:importRea

javascript - angular2 组件内的 iframe,属性 'contentWindow' 在类型 'HTMLElement' 上不存在

我在angular2组件中有一个iframe,我试图通过访问contentWindow来更改iframe的内容。iframe应包含一个简单的按钮。我的代码:import{Component}from'@angular/core';@Component({moduleId:module.id,selector:'component-iframe',template:''})exportclassComponentIframe{constructor(){letiframe=document.getElementById('iframe');letcontent='Mybutton';le

javascript - Angular 表单提交事件在父组件和子组件之间触发两次

我有一个奇怪的问题,我的子表单的表单提交事件在我的父表单上触发了两次。child.component.html...child.component.ts@Component({selector:'child-form',templateUrl:'login.component.html',})exportclassChildComponent{@Output()submit=newEventEmitter();publicchildForm:FormGroup;childFormSubmit(){if(this.childForm.valid){console.log('ChildFo

javascript - 从 RxJS subscribe() 函数访问声明为组件的变量

我可以使用this.variable访问组件任何部分的变量,除了像subscribe()或catch()这样的RxJS函数内部。在下面的示例中,我想在运行进程后打印一条消息:import{Component,View}from'angular2/core';@Component({selector:'navigator'})@View({template:'./app.component.html',styles:['./app.component.css']})exportclassAppComponent{message:string;constructor(){this.mess