mirror of
https://gitee.com/baidu/amis.git
synced 2024-11-30 10:59:42 +08:00
自定义组件漏了 data
This commit is contained in:
parent
4f7199f191
commit
f1236309ea
@ -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`。
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user