首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Expr

mobx-utils 包提供。

expr 可以用来在计算值(computed values)中创建临时性的计算值。 嵌套计算值有助于创建低廉的计算以防止运行昂贵的计算。

在下面示例中,如果 selection 在其他地方改变,表达式会阻止 TodoView 组件重新渲染。 相反,只有当相关待办事项被(取消)选择时,组件才会重新渲染,这样发生的频率要低很多。

const TodoView = observer(({todo, editorState}) => {
    const isSelected = mobx.expr(() => editorState.selection === todo);
    return <div className={isSelected ? "todo todo-selected" : "todo"}>{todo.title}</div>;
});
Copy

expr(func)computed(func).get() 的别名。

请注意,传给 expr 的函数将在整个表达式值更改的情况下评估两次。 当它依赖的任何 observables 变化时,它会进行首次评估。 当其值的变化触发外部计算或反应评估时,将对其进行第二次评估,这将重新创建和重新评估表达式。

扫码关注腾讯云开发者

领取腾讯云代金券