相关疑难解决方法(0)

如何引入'my-app-name/services'类似以下导入的行？

import {XyService} from '../../../services/validation/xy.service';

如何从某些文件导入所有类型？

让我们说我有myClass.ts和otherClass.ts.我想从中导入所有类otherClass.ts.

我见过很少的导入语法.

import ClassA, { ClassB, ClassC } from 'otherClass';

import * as foo from 'otherClass';

import foo = require('otherClass');

import 'rxjs/Rx';

1. 第一个需要我列出一切.我想导入所有类型.

2. 第二种语法需要名称空间前缀:foo.ClassA.

3. 我知道最后一个是TypeScript 1.4,但仍然支持.

有类似下面的东西吗？

import * from "otherClass";
...
   var x = new ClassA()

此外,这些类型的含义是什么{ ... },有些类型在外面,有些类型在里面？

该文件并没有暗示任何这样的.

下面的代码给出了

未捕获错误:您必须将组件传递给connect返回的函数.而是收到undefined

List.js

import React from 'react';
import { connect, bindActionCreators } from 'react-redux';
import PostList from '../components/PostList'; // Component I wish to wrap with actions and state
import postList from '../Actions/PostList' //Action Creator defined by me

const mapStateToProps = (state, ownProps) => {
    return state.postsList
}

const mapDispatchToProps = (dispatch) => {
    return bindActionCreators({"postsList":postList},dispatch)
}

export default connect(mapStateToProps, mapDispatchToProps)(PostList);

PostList.js

import React from 'react'

export const PostList = (props) => {
    return <div>List</div>
}

请帮我解决一下？

我正在将BackboneJS(v1.2.2)项目转换为ES6 w/BabelJS.

我注意到以下两者之间存在差异:

import Backbone from 'backbone'

和

import * as Backbone from 'backbone'

看完这里我了解到,前者是进口骨干的默认出口那里,因为后者可以让我"导入整个模块,并通过属性的符号是指其命名为出口."

我很难理解这些之间的区别.在两个实例中都返回对象,但前者似乎使用其他属性/方法进行修饰.至少我认为导入"整个模块"将有更多的属性/方法......但我看到相反的情况.

我在angular2中有点困惑.很多例子都表明了

import { Component } from "@angular/core"

但实际上node_module存在angular2目录.所以逻辑上它应该是

import { Component } from "angular2/core" 

这两个有什么区别？

我的模块中有几个类all.ts：

export class TemperatureSensor {
    temperature: number;
}

export class Chasis {
    id: string;
    type: string;
    ambientTemperature: TemperatureSensor
}

export class Computer {
    model: string;
    serial: string;
    chasis: Chasis;
}

在另一个模块中，我需要导入所有这些 - 我使用

import * as models from 'all';

我可以访问类new models.Computer()作为示例。

问题：如何导入all.ts没有命名空间的所有类？所以我想用new Computer()?

下面是我的反应组件结构（使用 TypeScript）：

-App.tsx

  -NewRequestForm.tsx

    -EmployeeInfo.tsx

    -AssetInfo.tsx

我试图在 NewRequestForm 中导入 EmployeeInfo 和 AssetInfo，但是在使用 import 语句时两个组件都不可见，但我可以看到 Prop & States 接口。

请建议如何在我的 NewFormRequest.tsx 中导入子组件

AssetInfo.tsx（child1）

import * as React from 'react';

export interface AssetInfoProps {}
export interface AssetInfoState {}

export default class AssetInfo extends React.Component<AssetInfoProps, 
AssetInfoState> {
  constructor(props: AssetInfoProps) {
    super(props);

    this.state = {};
  }

  public render() {
    return <div />;
  }
}

EmployeeInfo.tsx（Child2）

import * as React from 'react';

export interface EmployeeInfoProps {}
export interface EmployeeInfoState {}

export default class EmployeeInfo extends …

我想问一下如何在redux中的1个文件reducer中导出多个const

myreducers.js

import * as ActionTypes from '../actions/secone'

// PRODUCT TEMPLATE STATE
const productTemplate = (state={records:[], isFetching: false}, action) => {
switch (action.type) {
    case ActionTypes.PRODUCT_TEMPLATE_REQUEST:
        return { ...state, isFetching: true}
    case ActionTypes.PRODUCT_TEMPLATE_SUCCESS:
        return {
            records: action.response,
            isFetching: false,
        }
    default:
        return state;
}
}

// PRODUCT ATTRIBUTE VALUES STATE
const productAttributeValues = (state={records:[], isFetching: false}, action) => {
switch (action.type) {
    case ActionTypes.PRODUCT_ATTRIBUTE_VALUES_REQUEST:
        return { ...state, isFetching: true}
    case ActionTypes.PRODUCT_ATTRIBUTE_VALUES_SUCCESS:
        return {
            records: action.response,
            isFetching: false,
        }
    default:
        return …