文本输入是居中对齐的,如何修复此文本输入以便从左上角进行输入

这是我输入文本的CSS
/* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */
input: {
flex: 1, padding: 4, marginRight: 1, marginTop: 5, fontSize: 18, borderWidth: 1, borderRadius: 4, borderColor: '#E6E5ED', backgroundColor: '#F8F8F9', justifyContent: 'flex-start', height: 150
}
Run Code Online (Sandbox Code Playgroud) 现在蓝图的主要css文件有一些类pt-intent-primary, pt-intent-success, pt-intent-warning;等等.我想改变其中一些类的默认颜色.我应该在我的代码中导入其源.scss文件(如果是如何?)或者我应该从给定的.scss文件单独构建.css文件,然后使用它.
我想像这样在谷歌地图上显示平均流量图层.
但是,这张地图显示了流量的实时数据,而我想在谷歌地图上显示一段时间内的平均流量,是否可能?或任何其他地图api可以帮助?
我想在我的scss文件中使用泛型类,如果我只传递颜色值,它会设置颜色和边框属性.我不想在我的scss文件中硬编码颜色值.
@mixin myStyle($color) {
color: $color;
border-left: 5px solid $color;
}
.item{
@include myStyle(red); // i want to pass color value from my html class.
}
Run Code Online (Sandbox Code Playgroud)
如何从html类名传递参数?
如何使用reducer中的redux-router获取当前路径和查询当前位置.我可以使用mapStateToProps在组件内轻松获取路径名,但我想访问reducer中的当前路径.我正在使用redux-router 1.0.0-beta7,react-router 1.0.3.
我无法访问的值<TextField />,如果我不写,<input type='password'/>那么它工作正常,但为此我得到一个TypeError,' this.refs [this._getRef(...)].getInputNode不是一个函数 ".
dialogAction(tag,e){
console.log(this.refs.password);
console.log(this.refs.password.getValue());
this.refs.dialog.dismiss();
}
render(){
let self = this;
let row = this.row,col = this.column;
let standardActions = [
{ text: 'Cancel',onTouchTap: this.dialogAction.bind(this,ProductConstants.CANCEL)},
{ text: 'Submit',onTouchTap: this.dialogAction.bind(this,ProductConstants.SUBMIT)}
];
return (
<div className="ProductRepository">
<Dialog ref = 'dialog'
title="Dialog With Standard Actions"
actions={standardActions}
actionFocus="submit"
modal={true}>
<TextField ref='password'
hintText="Password"
floatingLabelText="Password">
<input type="password" />
</TextField>
</Dialog>
</div>
);}
}
Run Code Online (Sandbox Code Playgroud)
下图是上述代码的控制台输出.
如何在ReactJS中的画布上禁用右键单击。这是我尝试过的仍然无法使用的方法:
let Canvas = <canvas onContextMenu={(e)=> {e.preventDefault(); return false;}} height={500} width={500} ref="canvas"/>;
Run Code Online (Sandbox Code Playgroud)
浏览器控制台中还会显示警告。
警告:不建议
false从事件处理程序返回,并且在以后的版本中将忽略该返回。而是根据需要手动调用e.stopPropagation()或e.preventDefault()。
编辑:是的,它的确停止了Canvas上的右键单击功能,但是我的问题是:我在左键单击上绘制了一个点,并且也在右键单击上绘制了一个点,我想禁用它。
我知道什么时候有像这样的物体
var obj = {a: "apple", p: "pen"};
Run Code Online (Sandbox Code Playgroud)
然后我们可以像它一样去构造它 var {a, p} = obj; /* a = 'apple', p = 'pen' */
如果键是整数, var obj = {0: 'pineapple', 1: 'pen'};
既然我们不能将整数声明为变量名,那么如何解构呢?
javascript ×5
reactjs ×5
babeljs ×1
blueprintjs ×1
canvas ×1
css ×1
dom-events ×1
ecmascript-6 ×1
google-maps ×1
html ×1
html5-canvas ×1
ios ×1
material ×1
react-native ×1
react-router ×1
redux ×1
router ×1
sass ×1
webpack ×1