feat(web): 增加测试开发用显示容器DevContainer

src/app/src/components/DevContainer.tsx

@@ -1,8 +1,8 @@
-import React, { useState, useEffect, PropsWithChildren, Fragment } from 'react';
+import React, { useState, useEffect, Fragment } from 'react';
 import rnStorage from '@src/shared/api/rn-storage.api';
 
 // 仅对内测用户显示
-const DevContainer = (props: PropsWithChildren<{}>): React.ReactElement => {
+const DevContainer: React.FC = (props) => {
   const [isAlphaUser, setIsAlphaUser] = useState<boolean>(false);
 
   useEffect(() => {

src/web/components/DevContainer.tsx

@@ -0,0 +1,16 @@
+import React, { Fragment } from 'react';
+import memoizeOne from 'memoize-one';
+
+/**
+ * 获取是否为测试用户
+ * 方法是在localStorage上设置 trpg_test: true
+ */
+const checkIsTestUser = memoizeOne(() => {
+  return localStorage.getItem('trpg_test') === 'true';
+});
+
+const DevContainer: React.FC<{}> = React.memo((props) => {
+  return checkIsTestUser() ? <Fragment>{props.children}</Fragment> : null;
+});
+
+export default DevContainer;