小编jug*_*ats的帖子

这些项目似乎密切相关。office-ui-fabric 团队的某个人在 2019 年 8 月发表了以下评论：

我们实际上正在与 MSFT 营销团队合作，以某种方式将其更改为仅标记为 Office。我们正在努力成为使用 Fluent 设计语言创建 React（Web）应用程序的主要方式。

https://github.com/OfficeDev/office-ui-fabric-react/issues/10251#issuecomment-524402520

但是 flient-ui-react 网站指出：

Fluent UI React 正在构建为 Fluent UI 设计语言、组件规范和实用程序的范例。

https://microsoft.github.io/fluent-ui-react

fluent-ui-react 只是一个轻量级的替代品，最终的替代品还是其他什么？

根据我的问题React router v6 和路线内页面的相关链接，我尝试重构应用程序中的路线以使其更加嵌套。

问题是，似乎不可能从数据递归渲染 Route 元素，因为 React-router 坚持认为 Route 直接位于 Route 内部，而不是包装在另一个组件中，而且我看不到如何递归渲染（任意深度）任何另一种方式。

在codesandbox 上复制。

import React from "react";
import { BrowserRouter, Routes, Route} from "react-router-dom";

import "./styles.css";

function GenericPage() {
  return <div className="page">Generic page</div>;
}

const nav = {
  slug: "",
  title: "Home",
  children: [
    {
      slug: "foo",
      title: "Foo"
    },
    {
      slug: "bar",
      title: "Bar"
    }
  ]
};

const RecursiveRoute = ({ node }) => {
  return (
    <Route path={node.slug} element={<GenericPage />}>
      {node.children?.map((child) => ( …

我们在EC2中运行一个简单的服务.我们正在测试使用域名".amazonaws.com"设置我们的cookie,但它无法正常工作.

正在设置cookie和域:

Content-Length:62
Date:Tue, 15 Apr 2014 10:26:55 GMT
Server:Apache-Coyote/1.1
Set-Cookie:test=alfie; Domain=.mycompany.com; Expires=Sun, 27-Apr-2014 00:13:35 GMT; Path=/
Set-Cookie:test2=alfie; Domain=.amazonaws.com; Expires=Sun, 27-Apr-2014 00:13:35 GMT; Path=/

如果我们要求使用xxxx.yyyy.mycompany.com,则Cookie会显示在参考资料(Chrome工具)中,并在下一个请求中重新发送.

但是,如果我们要求使用主机xxxx.yyyy.amazonaws.com,则响应相同,但Cookie不会出现在Chrome工具中,也不会重新发送.

删除域(以便cookie使用完全限定的主机名)在两种情况下都能正常工作.

显然使用.amazonaws.com作为域名是一个坏主意,但我觉得它不起作用似乎很奇怪,因为它暗示这种限制是由Chrome以某种方式强制执行(和其他浏览器 - Firefox显示相同的行为).

或者它是我们遗失的其他基本东西？!

谢谢,阿尔菲.

您好，我正在尝试使用 React Router 将项目更新到 v6。我了解了基础知识，但在相关链接方面遇到了困难。

我们有一个页面，通过“id”呈现给定项目的参考文档。该文档可以使用同级 ID 链接到其他“同级”材料。换句话说，用户可以在文档中导航，而无需离开相同的基本路线（由“id”参数化）。

我在codesandbox上做了一些重现，下面是基本代码。

import React from "react";
import {
  BrowserRouter,
  Routes,
  Route,
  Link,
  useParams
} from "react-router-dom";

import "./styles.css";

function GenericPage() {
  const { id } = useParams();
  return (
    <div className="page">
      <p>Document id: {id}</p>
      <div>
        Links from within page don't work:
        <Link to="./foo" className="link">
          Foo
        </Link>
        <Link to="./bar" className="link">
          Bar
        </Link>
      </div>
    </div>
  );
}

export default function App() {
  return (
    <BrowserRouter>
      <div>
        Working top nav:
        <Link to="docs/generic/foo" className="link">
          Foo …