小编bes*_*ant的帖子

我在运行故事书时遇到错误...即使是在全新安装的情况下也是如此。

 npm run storybook

> @ storybook /media/programmersedge/New_Volume/devs/demostorybook
> start-storybook -p 9001 -c .storybook

sh: 1: start-storybook: not found
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! @ storybook: `start-storybook -p 9001 -c .storybook`
npm ERR! spawn ENOENT
npm ERR! 
npm ERR! Failed at the @ storybook script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

我正在使用最新的故事书版本。我的节点 …

假设我有两个枚举,如下面的Typescript中所述,那么我如何合并它们

enum Mammals {
    Humans,
    Bats,
    Dolphins
}

enum Reptiles {
    Snakes,
    Alligators,
    Lizards
}

export default Mammals & Reptiles // For Illustration purpose, Consider both the Enums have been merged.

现在,当我import在exported value另一个文件中,我应该能够从两个枚举访问值.

import animalTypes from "./animalTypes"

animalTypes.Humans //valid

animalTypes.Snakes // valid

如何在Typescript中实现此类功能？

我在玩打字稿一点。

假设我有一个object这样的

let colors = {
    RED: "r",
    GREEN: "g",
    BLUE: "b"
}

现在我想把它转换成一种enum类型

enum Colors = {
    RED = "r",
    GREEN = "g",
    BLUE = "b"
}

更新：

我想要typings为颜色对象生成，这样如果我key向颜色对象添加另一个，它应该包含在typings.

如果我做

colors['YELLOW'] = "y"

那么生成的typings应该是

declare enum colors {
    RED = "r",
    GREEN = "g",
    BLUE = "b",
    YELLOW = "y"
}

相反，生成类型是

declare const colors {
     [x: string]: string        
}

我怎样才能做到这一点？

我很难理解React.cloneElement()功能的行为

我的组件结构是这样的

A.js

export default class A extends React.Component {
     render() {
         return (<h1>{ this.props.message }</h1>)
     }
 }

B.js

import A from "./A"

const newComponent = React.cloneElement(A,{
    message: "Hello World"
})

export default newComponent

C.js

import B from "./B"
import { BrowserRouter as Router, Route } from "react-router-dom"

// To Be very precise
 export default class C extends React.Component {
     render() {
         return (
             <Router>
                <Route path="/" component={B}  />
            </Router>
         )
     }
 }

但是我得到了这个错误

提供给component类型的无效道具,预期.object …

我正在尝试使用装饰器向类添加一些属性。但我收到编译时错误。我的代码结构有点像这样。

type ModuleConfig = {
    ModuleName: string
    // ...other properties
}

type ModuleClass = {
    ModuleName: string
}

type TargetClass = {}

function Module(moduleConfig: ModuleConfig ): Function {
    return function(targetClass: TargetClass): ModuleClass {
        Object.defineProperty(targetClass,"ModuleName", { value: moduleConfig.ModuleName })

        // ...Define other properties in targetClass based on other properties of moduleConfig.

        return <ModuleClass>targetClass
    }
}

==================================

@Module({
    ModuleName: "App"
    // ...other properties
})
class AppModule {}

===================================


let Config = {
    RootModule: AppModule,
    modules:[
        // other Modules
    ]
}

===================================

type …

是否可以将React App的Redux Store作为单独的npm 包开发，然后在React App 中开发Storeimport

// other imports

import { store } from 'reactapp-reduxstore'

const ReactApp = () => (
<Provider store={store}>
    // React App Components
<Provider/>
)

// Mount ReactApp to DOM

import { addUser } from "reactapp-reduxstore/users"

// Use the action in my Component