小编gal*_*lki的帖子

假设我的应用程序的基本URL是example.com/app

是否可以在react-router中设置基本路由,而不是将所有路由都写为

/app/a
/app/b
/app/c

我可以将它们指定为

a
b
c

我尝试了以下我在文档中找到的示例,但它不起作用(页面不会显示任何内容).也许是因为我正在使用react-router@3.0.0-alpha.1,或者我做错了什么.

import { useRouterHistory } from 'react-router'
import { createHistory } from 'history'

const history = useRouterHistory(createHistory)({
  basename: '/app'
})

const Root = ({store}) => (
    <Provider store={store}>
        <Router history={history}>
            <Route path='/' component={App}>
                ...
            </Route>
        </Router>
    </Provider>
)

我想将<input type="file" />按钮的“选择文件”文本和丑陋的样式替换为其他一些文本，例如“上传”和漂亮的样式，也许使用mat-button. 在不安装任何额外的文件上传包的情况下实现这一目标的最干净的方法是什么？

使用firebase serve命令在本地为 Firebase 函数提供服务应该可以启用热重载，但这在 Windows 上似乎不起作用，即使安装了watchman。除了npm build在每次代码更改后运行之外，还有更好的解决方案吗？

似乎应用诸如此类的显示类mat-display-1也会margin-bottom向元素添加css。创建自定义主题时，我知道如何覆盖大小、行高和粗细，但有没有办法控制添加多少边距？

我想知道 Firebase 中的存储规则部署是如何工作的。

在 Firebase 存储中，我有 2 个存储桶app.appspot.com和app-mybucket. 在我的本地机器上，我有一个storage.rules看起来像这样的文件：

service firebase.storage {
  match /b/app.appspot.com/o {
    match /{allPaths=**} {
      allow read, write: if request.auth != null;
    }
  }
  match /b/app-mybucket/o {
    match /{userId}/{allPaths=**} {
      allow read, write: if request.auth.uid == userId;
    }
  }
}

当我将firebase deploy --only storage这些规则发送到默认app.appshpot.com存储桶时，似乎没有任何内容发送到app-mybucket. 我想知道一种可以将规则部署到所有存储桶的方法。

在Javascript中找到任何两个字符串中第一个差异的位置的最简洁方法是什么？

var a = 'in the';
var b = 'in he';
findFirstDiffPos(a, b); // 3

var c = 'in the beginning';
findFirstDiffPos(a, c); // 6 

我正在尝试对 web 和设备使用相同的 html，并且在某些情况下我需要显示/隐藏 web html 或设备 html。

Ionic 4中的showWhen和hideWhen指令在哪里？如果它们消失了，它们是否被其他东西取代？

截至目前，我能找到的只是一些测试页面，但这并没有说明太多。

我想自定义ng g app原理图，以便调用ng g app myapp将创建myapp/src/environments/environment.ts如下文件：

import { environment as baseEnvironment } from '@myworkspace/environments/environment';

export const environment = Object.assign(
  { production: false },
  baseEnvironment
);

Nx 文档展示了如何设置，但没有展示任何代码示例，对此我们将不胜感激。

假设我正在测试下面的React组件jest --coverage:

class MyComponent extends React.Component {
  constructor(props) {
    super(props)
    if (props.invalid) {
      throw new Error('invalid')
    }
  }
}

覆盖率报告将说明该线路throw new Error('invalid')未被发现.既然.not.toThrow()似乎没有涵盖任何东西,我用酶制作以下测试:

const wrapper = shallow(
  <MyComponent invalid />
)

it('should throw', () => {
  function fn() {
    if (wrapper.instance().props.invalid) {
      throw new Error('invalid')
    }
  }
  expect(fn).toThrow()
})

这条线被覆盖了!然而,测试本身失败了encountered a declaration exception- 意味着原始组件抛出了错误(应该如此)？

我用toThrow()错了吗？