html多个样式干扰,html - 是否有一个HTML“虚拟”标签将其他元素分组而不干扰父子CSS规则？ - 堆栈内存溢出...

我正在使用Bootstrap，它定义了一组CSS规则。 我正在尝试使用React来渲染我的应用程序，但是它总是需要一个wrapper元素，我不能只渲染元素数组。

这是无效的：

class MyClass extends React.Component {

render() {

return (

);

}

}

但这是：

class MyClass extends React.Component {

render() {

return (

);

}

}

在我的特定情况下，我已经在外面有一个

• ，我只需要在里面渲染很多
• 。 如果使用包装标签，它将破坏Bootstrap规则。

  是否有一些虚拟HTML标记可以执行此操作？ 如果没有，为什么？

  我会更好地解释我的问题。 我有这个结构(这是一个Bootstrap导航栏)：

  • Menu 1

    • Menu 1 Item 1

    • Menu 1 Item 2

  • React Menu

  要创建它，我正在做：

  class MyComponent extends React.Component {

  render() {

  let x = [];

  for (let lang of langlist) {

  x.push(

• ..stuff..

);

}

return (

{x}

);

}

}

我也试图像这样重组它：

...

和：

class MyComponent extends React.Component {

render() {

let x = [];

for (let lang of langlist) {

x.push(

..stuff..

);

}

return (

React Menu

{x}

);

}

}

但是正如您所看到的，我然后需要另一个包装器元素，如果我想保留Angular和React，就无法做到这一点。