mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-02 11:58:10 +08:00
docs: 更新 faq
This commit is contained in:
parent
952d89ddb3
commit
1087e165cb
@ -61,18 +61,29 @@ title: 常见问题
|
|||||||
,就运行运行 `npm i amis@1.1.2-beta.2` 命令,在 `node_modules/amis/sdk` 目录中也能找到对应的 sdk 代码。
|
,就运行运行 `npm i amis@1.1.2-beta.2` 命令,在 `node_modules/amis/sdk` 目录中也能找到对应的 sdk 代码。
|
||||||
2. 如果还是报错,可以使用最新代码自动编译的 sdk,下载地址是 `https://github.com/baidu/amis/blob/gh-pages/sdk.tar.gz`
|
2. 如果还是报错,可以使用最新代码自动编译的 sdk,下载地址是 `https://github.com/baidu/amis/blob/gh-pages/sdk.tar.gz`
|
||||||
|
|
||||||
## 如何实现点击 xxx 后执行 yyy 代码?
|
## 如何支持配置中的 URL 地址替换?
|
||||||
|
|
||||||
因为几乎所有组件都会默认将属性传入 React 组件中,因此其实都支持 React 中的各种事件,比如 `onClick`
|
有个常用场景是在开发时使用 `localhost` 地址,而线上使用 `xxx.com`,这时有两个办法:
|
||||||
|
|
||||||
```
|
1. 自己做 JSON 替换,这样可以实现更灵活的替换
|
||||||
{
|
2. 通过外部 data 传入
|
||||||
type: 'button',
|
|
||||||
label: '按钮',
|
这里介绍第二个方法,在渲染 amis 的时候,有第三个参数,可以传递 data,这时就能增加一个域名变量,比如
|
||||||
onClick: () => {
|
|
||||||
alert('hi');
|
```javascript
|
||||||
|
let amis = amisRequire('amis/embed');
|
||||||
|
let amisJSON = {
|
||||||
|
type: 'page',
|
||||||
|
body: {
|
||||||
|
type: 'service',
|
||||||
|
api: '${HOST|raw}/api'
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
let amisScoped = amis.embed('#root', amisJSON, {
|
||||||
|
data: {
|
||||||
|
HOST: 'http://localhost:3000'
|
||||||
|
}
|
||||||
|
});
|
||||||
```
|
```
|
||||||
|
|
||||||
这是其他 UI 框架中的做法,但在 amis 中并不推荐这样做,amis 的侧重点是低代码,应该使用内置的 [action](../concepts/action) 来实现,如果内置这些不能满足需求,可以想想这个问题是否能抽象成一种新的 action 配置,这样就能完全通过配置来实现了,后续遇到类似功能就不需要写代码了,这才是更符合 amis 低代码理念的方式。
|
这样只需要修改 HOST 变量的值就能控制这个 URL 地址。
|
||||||
|
Loading…
Reference in New Issue
Block a user