代码之家 › 专栏 › 技术社区 › Sammy

使用流验证对象映射

reactjs javascript

Sammy · 技术社区 · 7 年前

我有以下几点:

// @flow

import React from 'react';

type IconMap = {
  [name: string]: {}
};

export const icons: IconMap = {
  circle: {
    viewbox: '0 0 473.66 473.66',
    path(props) {
      return (
        <g id="Layer_2" data-name="Layer 2" {...props}>
          <g id="Layer_1-2" data-name="Layer 1">
            <circle cx="236.83" cy="236.83" r="236.83" />
          </g>
        </g>
      );
    }
  }
};

首先,我该怎么做 IconMap 上面不接受未密封对象作为值,但是 { viewbox: string, path: function } 相反?

第二,如果我想打电话 icons 如下:

const obj = icons['circle']

如果 circle 是不其中一把钥匙 图标 ?

1 回复 | 直到 7 年前

m0meni Chayim Friedman 7 年前

对于第一个问题,您可以:

type IconMap = {
  [name: string]: {|
    viewbox: string,
    path: Object => React$Node
  |}
};

对于第二个问题,据我所知,在编译时不可能做到这一点。

React$Node 已定义 here 和默认情况下带有流的船舶。或者你可以

import type {Node} from 'react

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

3 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

3 月前

Alex · 在轻量级中同时解构和不解构变量

4 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

4 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

4 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

4 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

4 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

user3472810 · Angular@Output/EventEmitter返回undefined

4 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

4 月前