test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-01 19:47:56 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Update internal.md

Browse Source
This commit is contained in:
liaoxuezhi 2021-10-19 10:40:51 +08:00 committed by GitHub
parent 944bcb2e85
commit f04b4fa738
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
docs/zh-CN/extend/internal.md
View File

@ -14,14 +14,9 @@ amis 的渲染过程是将 `json` 转成对应的 React 组件。先通过 `json
<Page title="页面标题" subTitle="副标题">
<Form
title="用户登录"
body={[
{
type: 'input-text',
name: 'username',
label: '用户名'
}
]}
/>
>
<InputText name="username" label="用户名" />
</Form>
</Page>
```
@ -143,4 +138,4 @@ export class FormItemTextRenderer extends React.Component {
}
```
那么渲染过程就是根据节点 path 信息，跟组件池中的组件 `test` (检测) 信息做匹配，如果命中，则把当前节点转给对应组件渲染，节点中其他属性将作为目标组件的 props。需要注意的是，如果是容器组件，比如以上例子中的 `page` 组件，从 props 中拿到的 `body` 是一个子节点，由于节点类型是不固定，由使用者决定，所以不能直接完成渲染，所以交给属性中下发的 `render` 方法去完成渲染，`{render('body', body)}`，他的工作就是拿子节点的 path 信息去组件池里面找到对应的渲染器，然后交给对应组件去完成渲染。
那么渲染过程就是根据节点 type 信息，跟组件池中的找到对应的组件实现，如果命中，则把当前节点转给对应组件渲染，节点中其他属性将作为目标组件的 props。需要注意的是，如果是容器组件，比如以上例子中的 `page` 组件，从 props 中拿到的 `body` 是一个子节点，由于节点类型是不固定，由使用者决定，所以不能直接完成渲染，所以交给属性中下发的 `render` 方法去完成渲染，`{render('body', body)}`，他的工作就是拿子节点的 path 信息去组件池里面找到对应的渲染器，然后交给对应组件去完成渲染。