功能标志让您动态控制您显示或隐藏的代码和行为，每个用户，房客或环境。

在Woovi，我们为尚未准备好生产的功能提供了一个特殊的功能标志名称，我们称其为TEMP。

明确准备什么生产准备就绪，什么还没有

我们决定在未准备好生产的元素周围使用边框1px dashed red

这是此
的React代码

const FeatureTemp = ({ children, ...props }) => {
  const user = useFragment<FeatureTemp_user$key>(
    graphql`
      fragment FeatureTemp_user on User {
        roles
      }
    `,
    props.user,
  );

  const hasTemp = hasRoleTemp(user);

  if (!hasTemp) {
   return null;
  }

  return (
     <div style={{ border: '1px dashed red' }}
       {children}
     </div>
   )
};

用法

<FeatureTemp user={me}>
   <Button>Not in Production</Button>
</FeatureTemp>

上面的代码使用继电器从我们的GraphQl Server中消耗给定用户的roles。我们验证用户是否具有角色温度，如果不是的话，我们不渲染组件，否则我们将包装在DIV中的组件用边框1PX冲洗红色。

总之

这有助于我们的客户成功，销售，产品经理团队确定生产准备或不准备做好的事情。我们还发现了一些准备生产的代码，但仍在功能标志后面。

功能标志是我们如何获得小的拉动请求，而无需破坏事物而更快地迭代。它还使我们能够在生产中进行测试。我们还为想要测试新功能的客户使用Beta功能，然后再展开整个客户群。

woi
Woovi是一家创业公司，使购物者能够按照自己的意愿付款。为了实现这一目标，Woovi为商人提供即时付款解决方案接受订单。

如果您想与我们合作，我们是hiring！

Amélie Mourichon上的Unsplash