小编Bri*_*ink的帖子

我在这里找到了一个我不明白的答案.不幸的是我还没有发表评论.

这是答案的链接,SVG渲染但仅在Firefox中被切断 - 为什么？

Boris Zbarsky接受的答案描述了为什么它不起作用.我不完全理解这个答案,并想知道如何纠正这个问题,以便我可以在Firefox上使用它.

对于我的情况,所有浏览器都有SVG文本元素,在Internet Explorer中,所有3个文本都可见,在Firefox和Chrome中,如果它们超过屏幕右侧的1/4,则任何SVG文本元素都会被截断.如果我将它们移动到想象中截止的左侧的开发者选项卡中,它们会显示出来.

沿着这个奇怪的区域没有可能隐藏SVG文本的div或块.

这是一个本地实现.

任何有关正在发生的事情的帮助都会非常有帮助.

我有一个产品和项目

产品：

{
  id: Int
  style_id: Int
  items: [items]
}

项目：

{
  id: Int
  product_id: Int
  size: String
}

我想查询产品，但只取回有尺寸的产品。

因此，查询可能如下所示：

products(size: ["S","M"]) {
  id
  style_id
  items(size: ["S","M"]) {
    id
    size
  }
}

但似乎应该有一种方法可以让我做

products {
  id
  style_id
  items(size: ["S","M"]) {
    id
    size
  }
}

在产品的解析器中，我可以从嵌套查询中获取参数并使用它们。在这种情况下，添加检查以仅返回具有这些尺寸的产品。通过这种方式，我返回了带有正确分页的顶层，而不是大量空产品。

这是可能的还是至少反过来做：

products(size: ["S","M"]) {
  id
  style_id
  items {
    id
    size
  }
}

并将大小参数发送到项目解析器？我知道的唯一方法是通过上下文，但在我发现的一个地方，他们说这不是一个好主意，因为上下文涵盖了所有深度的完整查询。

我发现了一篇很棒的文章，将身份验证添加到 react 中。文章：https : //www.robinwieruch.de/complete-firebase-authentication-react-tutorial/

本文使用一个 HOC 组件完成了 firebase 设置（在 redux 之前），我可以将其放入应用程序并可以通过上下文访问。

我的问题是如何将它放入应用程序组件之外的 apollo 客户端，因此即使有上下文我也无法设置它。我对 redux 也有同样的问题。我发现只有一个是使用本地存储，但我想避免这种情况。

这是主应用程序组件中我的 apollo 客户端。

const client = new ApolloClient({   
    uri: clientUrl,
  request: async operation => {
        const token = How_do_i_set_this <-- ???
        console.log('token in request', token)
    operation.setContext({
      headers: {
        authorization: token ? `Bearer ${token}` : ''
      }
    });
    }
});

const App = () => (
    <DashAppHolder>
        <ApolloProvider client={client}>
            <Provider store={store}>
                <PublicRoutes history={history} />
            </Provider>
        </ApolloProvider>
    </DashAppHolder>
);