小编sto*_*opa的帖子

就我而言，我有这样的事情：

<div className="projects">
  {getProjectList().map(p => (
    <Link key={p.id} 
          className='project' 
          to={`/project/${p.id}`} 
          style={{border: '2px solid red'}}
    >
        #{p.id} - {p.name}
        <div className="helpers">
          <Button
            icon="trash"
            size="mini"
            color="red"
            onClick={e => {
              e.preventDefault();
              e.stopPropagation();
              setDeleting(p);
            }}
          />
          <Button
            size="mini"
            color="red"
            as={Link}
            to={`/edit/${p.id}`}
          >Edit</Button>
        </div>
    </Link>
  ))}
</div>

视觉上表示如下：

我更愿意保持这样，因为它按预期工作。

为什么我想要这样的附加解释：我想向用户提供用鼠标右键单击两个链接并选择“在新选项卡中打开链接”的能力。导航到项目的详细信息，并导航到编辑表单以更改项目的属性（这是两个不同的页面）。

但在这种情况下，我有两个相互嵌入的时间标签，并且 React 生成：

Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>.

有什么方法可以抑制吗？

我有这样的命令：

$ docker inspect reacthublh_mysql_1 -f "{{json .NetworkSettings.Networks }}"

为我提取的输出：

{"reacthublh-network":{"IPAMConfig":null,"Links":null,"Aliases":["1b905711e127","mysql"],"NetworkID":"d2b6bd4815a2eb48a57d05e5d219894f453c15e3f8b5a331a5f0668ed98f4730","EndpointID":"c71240571cc1cfb7bd50119aaf6aaef3dfbc2dc56732e0fd6f593ebe00861edc","Gateway":"172.30.0.1","IPAddress":"172.30.0.2","IPPrefixLen":16,"IPv6Gateway":"","GlobalIPv6Address":"","GlobalIPv6PrefixLen":0,"MacAddress":"02:42:ac:1e:00:02","DriverOpts":null}}

问题是如何仅提取作为 json 对象的第一个键的reacthublh-network？

更新：

我现在找到的唯一方法是：

$ docker inspect reacthublh_mysql_1 -f "{{json .NetworkSettings.Networks }}" | cut -d '"' -f2

它输出的正是我需要的，但我很好奇是否仍然可以在 --format 参数中执行它