小编use*_*934的帖子

如何编写三元运算符(aka if)表达式而不重复自己

例如,像这样:

var value = someArray.indexOf(3) !== -1 ? someArray.indexOf(3) : 0
Run Code Online (Sandbox Code Playgroud)

有没有更好的方法来写这个?同样,我不是在寻找上面确切问题的答案,只是一个例子,说明何时可能在三元运算符表达式中重复操作数...

javascript conditional-operator

102
推荐指数
9
解决办法
1万
查看次数

如何访问父组件中子组件的引用

如果我有类似的东西

<Parent>
  <Child1 />
  <Child2 />
  <Child3 />
</Parent>
Run Code Online (Sandbox Code Playgroud)

我想从Child2我所在的位置访问,我该refs="child2refs"怎么做?

reactjs

47
推荐指数
5
解决办法
7万
查看次数

使用TypeScript和Object.assign给我一个错误"属性'赋值'在类型'ObjectConstructor'上不存在'"

我再次写我的问题,因为早些时候它没有意义,我不是很清楚.

我从API接收的数据看起来像这样:

{"photos":[{"id":1,"title":"photo_1_title"}]}
Run Code Online (Sandbox Code Playgroud)

所以,在我的代码中,我有一个photos变量和一个名为的方法getPhotos()

我使用无限滚动,所以当我到达页面底部时,我getPhotos()再次打电话.

photos: any;

getPhotos() {
  this.photoService.getPhotos()
    .subscribe(
      photos => this.photos = photos
      // here, instead of doing this, I want to add the array of photos I get back to this.photos using Object.assign however it is giving me the said error
    )
}
Run Code Online (Sandbox Code Playgroud)

因此,如果下次我打电话给它,我会回来{"photos":[{"id":2,"title":"photo_2_title"}]},然后我会尝试设置this.photos

{"photos":[{"id":1,"title":"photo_1_title"}, {"id":2,"title":"photo_2_title"}]}
Run Code Online (Sandbox Code Playgroud)

有人可以帮我解释为什么
jsfiddle.net/ca46hLw9不起作用?我认为assign应该合并一个对象的内容吗?

javascript typescript

36
推荐指数
2
解决办法
5万
查看次数

Angular 2选项(下拉列表) - 如何在变化时获取值,以便可以在函数中使用?

我正在尝试使用一些值来构建下拉列表.

但是,在选择值时,我想进行一个带id的API调用.

在我的component.ts中,我有一个值数组:

values = [
  { id: 3432, name: "Recent" },
  { id: 3442, name: "Most Popular" },
  { id: 3352, name: "Rating" }
];
Run Code Online (Sandbox Code Playgroud)

在我的模板中,我使用的数组如下:

<select>
  <option *ngFor="let v of values" [value]="v">  
    {{v.name}}
  </option>
</select>
Run Code Online (Sandbox Code Playgroud)

但是,从下拉列表中选择一个值时,我该如何访问该id属性?我想在我的函数中使用它getPhotosByType(id).

谢谢

html javascript typescript angular

36
推荐指数
2
解决办法
12万
查看次数

我怎样才能在console.log中显示一个可观察的值?

我正在使用角度2和RxJS,我想知道我如何能够做到以下几点:

在我的组件中,我定义了以下内容:

count: Observable<number>;

在我的组件的构造函数中,我正在执行以下操作:

constructor(
    private store: Store<any>
  ) {
    this.count = this.store.select<any>(state => state.count);
  }
Run Code Online (Sandbox Code Playgroud)

如何查看计数的当前值?现在如果我console.log(this.count)得到一个大对象来记录.如果我只想查看this.count的值,我该怎么做?

rxjs typescript angular

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

BIGINT 和 INT8 有什么区别?(postgres)

我正在使用名为 Supabase 的服务,并创建了一个表:

CREATE TABLE my_table ( 
    "id" BIGSERIAL PRIMARY KEY NOT NULL,
    "title" Text COLLATE "pg_catalog"."default",
    "message" Text COLLATE "pg_catalog"."default");
Run Code Online (Sandbox Code Playgroud)

但是,这会变成 int8 类型。比bigint小吗?

postgresql

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

是否可以在反应项目中使用dotenv?

我试图设置一些环境变量(用于对dev/prod端点进行API调用,键取决于dev/prod等),我想知道使用dotenv是否有效.

我已经安装了dotenv,我正在使用webpack.

我的webpack条目是main.js,所以在我放的这个文件中require('dotenv').config()

然后,在我的webpack配置中,我把它放在:

  new webpack.EnvironmentPlugin([
    'NODE_ENV',
    '__DEV_BASE_URL__'  //base url for dev api endpoints
  ])
Run Code Online (Sandbox Code Playgroud)

但是,它仍然未定义.我该怎么做才能正确?

javascript reactjs webpack

13
推荐指数
4
解决办法
2万
查看次数

尝试设置约束 - 表中的新主键,但收到错误:列"amgettuple"不存在(pgadmin3)

我正在使用pgadmin3创建一个新表,当我单击约束来添加主键时,我收到此错误:

在此输入图像描述

我在谷歌搜索,但我没有找到这个"amgettuple"问题.有谁知道这意味着什么?我是postgres的新手,并且使用pgadmin,只需在一小时前设置它.

Postgres版本:9.6

pgadmin版本:1.22.2

linux mint 18

postgresql pgadmin

10
推荐指数
1
解决办法
4734
查看次数

如何在我的反应应用程序中仅在需要时加载google maps api <script>?

我想尝试使用谷歌地图API来显示地图,但我想知道是否有更好的方法来加载<script>标记而不是将它放在我的index.html中.

我希望脚本只在我去/map路线时加载.所以,我想从我的移除它index.html并动态加载它.但是,我还想确保如果已经加载了我不再尝试加载它.

我不确定是否有一个库来处理这个问题.到目前为止我尝试过(但失败了)的是创建一个loadScript函数,它将一个附加<script>到实际的dom并为它分配一个键,所以在这种情况下'google-maps.

谢谢

javascript google-maps reactjs

9
推荐指数
3
解决办法
7857
查看次数

做出本机可触摸的高光和可触摸的原生反馈,以制作我的菜单项

我正在尝试实现一个基本的抽屉,但我对文档感到困惑.

有一个TouchableHighlight,还有一个TouchableNativeFeedback.

TouchableNativeFeedback仅适用于Android.那么,我怎样才能最好地处理我的MenuItem组件,以便它同时处理Android和IOS?

这是我到目前为止所得到的,我不知道如何在这里处理不同平台特定的可触摸内容:

import React, { Component, PropTypes } from 'react';
import { TouchableHighlight, TouchableNativeFeedback, Platform, View, Text } from 'react-native';

export class MenuItem extends Component {

  handleAndroid() {

  }

  handleIOS() {

  }

  renderMenuItem() {
    return (
      <View style={styles.container}>
        <Text style={styles.text}>
          {this.props.text}
        </Text>
      </View>
    );
  }
  render() {
    return (

    );
  }
}
Run Code Online (Sandbox Code Playgroud)

在Android上,我是否只能使用TouchableNativeFeedback?

react-native

7
推荐指数
3
解决办法
7437
查看次数