在定义原因反应绑定时，我想知道如何确定可以接受多种类型的绑定。例如，我有一个说法~value认为应该接受：string，number，array(string)或array(number)。目前，我正在使用，option('a)但我认为这不是最干净的方法，因为我希望明确定义类型。如何才能做到这一点？我已经看过了，bs.unwrap但不确定如何将外部语法组合到函数签名中。
module Select = {
[@bs.module "material-ui/Select"] external reactClass : ReasonReact.reactClass = "default";
let make =
(
...
~menuProps: option(Js.t({..}))=?,
~value: option('a), /* Should be type to string, number, Array of string and Array of number */
~style: option(ReactDOMRe.style)=?,
...
children
) =>
ReasonReact.wrapJsForReason(
~reactClass,
~props=
Js.Nullable.(
{
...
"value": from_opt(value),
"style": from_opt(style)
}
),
children
);
};
附带的问题是，由于未正确定义数字类型，因此我的绑定还必须将float和integer映射为数字吗？
这可以通过使用以下内容（受https://github.com/astrada/reason-react-toolbox/启发）来实现。
type jsUnsafe;
external toJsUnsafe : 'a => jsUnsafe = "%identity";
let unwrapValue =
(r: [< | `Int(int) | `IntArray(array(int)) | `String(string) | `StringArray(array(string))]) =>
switch r {
| `String(s) => toJsUnsafe(s)
| `Int(i) => toJsUnsafe(i)
| `StringArray(a) => toJsUnsafe(a)
| `IntArray(a) => toJsUnsafe(a)
};
let optionMap = (fn, option) =>
switch option {
| Some(value) => Some(fn(value))
| None => None
};
module Select = {
[@bs.module "material-ui/Select"] external reactClass : ReasonReact.reactClass = "default";
let make =
(
...
~menuProps: option(Js.t({..}))=?,
~value:
option(
[ | `Int(int) | `IntArray(array(int)) | `String(string) | `StringArray(array(string))]
)=?,
~style: option(ReactDOMRe.style)=?,
...
children
) =>
ReasonReact.wrapJsForReason(
~reactClass,
~props=
Js.Nullable.(
{
...
"value": from_opt(optionMap(unwrapValue, value)),
"style": from_opt(style)
}
),
children
);
};
可以按以下方式使用：
<Select value=(`IntArray([|10, 20|])) />
<Select value=(`Int(10)) />
我是toJsUnsafe从reason-react-toolbox复制的，所以我不完全确定它是做什么的，当我发现时会更新我的答案。
该unwrapValue函数采用的值可以是列出的类型之一，并将其转换为jsUnsafe。
例如，unwrapValuefor的类型允许列出的任何变体，但也允许这些变体的子集。（这<是启用此功能的变体之前的版本）。
let option = (value: option([ | `String(string) | `Int(int)])) =>
Js.Nullable.from_opt(option_map(unwrapValue, value));
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句