小编Vik*_*tya的帖子

如何正确对齐文本输入?

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

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

这是我输入文本的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)

javascript ios reactjs react-native

67
推荐指数
7
解决办法
4万
查看次数

如何在blueprintjs中自定义颜色?

现在蓝图的主要css文件有一些类pt-intent-primary, pt-intent-success, pt-intent-warning;等等.我想改变其中一些类的默认颜色.我应该在我的代码中导入其源.scss文件(如果是如何?)或者我应该从给定的.scss文件单独构建.css文件,然后使用它.

reactjs webpack blueprintjs

17
推荐指数
1
解决办法
4172
查看次数

如何获取谷歌地图上的平均流量数据

我想像这样在谷歌地图上显示平均流量图层.

示例代码段

但是,这张地图显示了流量的实时数据,而我想在谷歌地图上显示一段时间内的平均流量,是否可能?或任何其他地图api可以帮助?

请为此问题加注明星问题跟踪器链接以投票并获取此功能的更新.

google-maps google-maps-api-3 google-places-api

8
推荐指数
1
解决办法
7647
查看次数

将值传递给HTML中的scss类

我想在我的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类名传递参数?

html css sass

7
推荐指数
1
解决办法
4233
查看次数

如何访问reducer(redux-router)中的当前位置?

如何使用reducer中的redux-router获取当前路径和查询当前位置.我可以使用mapStateToProps在组件内轻松获取路径名,但我想访问reducer中的当前路径.我正在使用redux-router 1.0.0-beta7,react-router 1.0.3.

javascript router reactjs react-router redux

7
推荐指数
1
解决办法
7203
查看次数

如何在react的材料-ui中获取密码字段值

我无法访问的值<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)

下图是上述代码的控制台输出.

控制台输出

javascript material reactjs

6
推荐指数
2
解决办法
1万
查看次数

在React.JS中禁用右键单击

如何在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上的右键单击功能,但是我的问题是:我在左键单击上绘制了一个点,并且也在右键单击上绘制了一个点,我想禁用它。

javascript canvas dom-events html5-canvas reactjs

5
推荐指数
1
解决办法
7160
查看次数

当键是整数时,在javascript es6中解析对象

我知道什么时候有像这样的物体

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 destructuring ecmascript-6 babeljs

4
推荐指数
1
解决办法
250
查看次数