草庐IT

material-components-android

全部标签

javascript - ReactJS + 终极版 : How to structure action creators down to each component?

我有一个名为App.js的父组件:...render(){return({React.cloneElement(this.props.children,this.props})}...functionmapDispatchToProps(dispatch){return(actions:bindActionCreators(actions,)}exportdefaultconnect(...,mapDispatchToProps)(App)并且Prop将传递给每个组件。我想让每个组件都有它的actioncreators文件,但是我怎样才能将所有actioncreators绑定(bind

javascript - react : Do children always rerender when the parent component rerenders?

据我所知,如果一个父组件重新渲染,那么它的所有子组件都会重新渲染,除非它们实现了shouldComponentUpdate()。.我madeanexample这似乎不是真的。我有3个组件:,和.组件负责呈现但以不同的方式做到这一点。的渲染函数静态声明在运行前,像这样:虽然处理接收和呈现在运行时动态地,像这样:{this.props.children}两者都是和有onClick听众改变他们的状态并在点击时重新呈现。我注意到点击时它和被重新渲染。但是当我点击,那么只有父代而不是重新渲染。是一个没有shouldComponentUpdate()的功能组件所以我不明白为什么它不重新渲染。有人可

javascript - 如何使用 ReactJS 通过 Material UI Dialog 提交表单

我使用MaterialUI对话框制作了一个表单列表。官方案例:Thisdialogspanstheentirewidthofthescreen.Action是:constactions=[,,];如何构建表单并让Dialog可以提交我的表单数据?---------------------------------------------更新--------------------------------------------还有一个答案:在Dialogactions按钮中添加type和form属性:constactions=[,,];并在对话框中为表单提供属性id://herecanp

javascript - 切换 Material Design Lite 复选框

我正在使用MaterialDesignLite复选框,并尝试使用JavaScript选中或取消选中该元素。我试过这个:document.getElementById("checkbox-1").checked=true;那是行不通的。我用jQuery尝试了同样的方法:$("#checkbox-1").prop('checked',true);那也没用。任何帮助将不胜感激。 最佳答案 目前,这个组件在1.0.0中有一个错误,它没有作为一个小部件公开。这已得到修复。目前在master中,几天后在1.0.1补丁中,它将以稳定的版本提供给每

javascript - react & 归零 : connect() to multiple components & best practices

我正在处理我的第一个React/Redux项目,我有一个小问题。我已阅读文档并观看了https://egghead.io/lessons/javascript-redux-generating-containers-with-connect-from-react-redux-visibletodolist上的教程。.但是我还有一个问题。这是关于登录页面。所以我有一个名为LoginForm的展示组件:组件/LoginForm.jsimport{Component,PropTypes}from'react'classLoginFormextendsComponent{render(){re

javascript - 我如何使用 Angular Material 创建卡片网格?

我正在尝试使用ng-repeat创建每行三张卡片的网格。我有一个普通的javascript对象数组附加到作用域。下面的代码将为每张卡片创建一个新行。{{post.title}}{{post.summary}}ViewMore如何遍历我的数组并以三行显示卡片?我看了thispost和thispost但我看不出它们如何适用于angularmaterial 最佳答案 我已经创建了一些与您可能想要的类似的东西。md-card被包裹在具有layout-wrap的div中。读取后动态生成div。代码如下:{{user}}Loremipsumdo

javascript - react .js : Is it possible to convert a react component to HTML DOM's?

我正在开发一个基于map的应用程序,该应用程序使用GoogleMapAPI在React.js中创建标记及其信息窗口。infowindow.setContent()只接受String或HTML。我不可能传入String,因为我有一个button链接到另一个React组件中的特定方法(类似于:_this.props.addList(地点))。因此,我必须将参数作为HTMLDOM填充为以下代码行:vardiv=document.createElement('div');vartitle=document.createElement('h4');title.innerHTML=place.na

javascript - material-ui中的文本区域

有人可以帮助我使用material-ui库将TextField个性化设置为TextArea吗?我没有找到任何应​​该将其个性化为TextArea的参数:https://github.com/callemall/material-ui/blob/v1-beta/src/TextField/TextField.d.ts这是文本区域:https://material.io/guidelines/components/text-fields.html#text-fields-field-types(CMD/Ctrl+F'文本区')。Textareasaretallerthantextfield

javascript - 错误 TS2315 : Type 'ElementRef' is not generic material angular

在项目中添加AngularMaterial时出错ERRORinnode_modules/@angular/material/button-toggle/typings/button-toggle.d.ts(136,20):errorTS2315:Type'ElementRef'isnotgeneric.node_modules/@angular/material/button-toggle/typings/button-toggle.d.ts(154,104):errorTS2315:Type'ElementRef'isnotgeneric我正在尝试安装MaterialDesign,但

javascript - 有没有办法在网络浏览器中使用 Android 指纹 API 或 iOS Touch ID?

例如,我有一个带有身份验证的网站。是否有任何可以从JavaScript使用的指纹API来登录用户?Android和iOS等移动操作系统都有这样的API。所以至少手机版的浏览器,理论上是可以提供这样的功能的。但是我在网上找不到任何关于它的信息。 最佳答案 Chrome70Beta,2018年9月13日发布,introducedwebauthentication.AlsoenabledbydefaultaremacOS'sTouchIDandAndroid'sfingerprintsensorviaWebAuthentication.T