自定义组件漏了 data

This commit is contained in:
wuduoyi 2020-10-16 12:13:49 +08:00
parent 4f7199f191
commit f1236309ea

View File

@ -29,7 +29,8 @@ amis 的 JSON 配置最终会转成 React 组件来执行,所以如果只是
"name": "mycustom",
"children": ({
value,
onChange
onChange,
data
}) => (
<div>
<p>这个是个自定义组件</p>
@ -45,7 +46,7 @@ amis 的 JSON 配置最终会转成 React 组件来执行,所以如果只是
}
```
其中的 `mycustom` 就是一个临时扩展,它的 `children` 属性是一个函数,它的返回内容和 React 的 Render 方法一样,即 jsx在这个方法里你可以写任意 JavaScript 来实现自己的定制需求,这个函数有两个参数 `value``onChange``value` 就是组件的值,`onChange` 方法用来改变这个值,比如上面的例子中,点击链接后就会修改 `mycustom` 为一个随机数,在提交表单的时候就变成了这个随机数。
其中的 `mycustom` 就是一个临时扩展,它的 `children` 属性是一个函数,它的返回内容和 React 的 Render 方法一样,即 jsx在这个方法里你可以写任意 JavaScript 来实现自己的定制需求,这个函数有两个参数 `value``onChange``value` 就是组件的值,`onChange` 方法用来改变这个值,比如上面的例子中,点击链接后就会修改 `mycustom` 为一个随机数,在提交表单的时候就变成了这个随机数,而 `data` 可以拿到其它控件的值,比如 `data.username`
与之类似的还有个 `component` 属性,这个属性可以传入 React Component如果想用 React Hooks请通过 `component` 传递,而不是 `children`