阿里低代码平台里怎么在自定义组件中获取页面上下文？

Code°美蓝提问于 2026-03-04 01:04:18 阅读 4

框架

我在阿里低代码引擎（Lowcode Engine）里写了个自定义 React 组件，想拿到当前页面的上下文数据，比如 query 参数或者全局状态，但文档看得有点懵。试了 useLocation 和 useContext 都没生效，是不是得用他们提供的 API？

比如我现在这样写，根本拿不到任何上下文：

import { observer } from '@alilc/lowcode-editor-core';

const MyCustomComponent = observer((props) => {
  // 这里怎么获取页面上下文？
  console.log('props:', props);
  return <div>Hello</div>;
});

export default MyCustomComponent;

阿里低代码

我来解答赞 6 收藏

反馈

1 条解答

程序猿春荣 Lv1

别瞎折腾 hooks，直接用 props 就行了。全局状态直接按变量名从 props 里取，路由参数在 props.location，页面对象在 props.__page__。

const MyCustomComponent = (props) => {

  // 拿路由参数

  const query = props.location?.query;

  // 拿页面上下文

  const pageContext = props.__page__;

  // 拿全局状态（假设变量名叫 globalState）

  const globalState = props.globalState;



  console.log('Context:', { query, pageContext, globalState });

  return <div>Hello</div>;

};

2026-03-04 11:04