reactjs - React - 获取组件的第一个节点？

Question

如果我有如下组件：

const MyComp = () => (
   <div> 
     <span> ... </span>
     <p> ... </p>
   </div>
)

而且我有一个MyComp作为参数的函数，该函数是否可以访问它的第一个元素（在这个例子中它是 a div，但它可以是任何其他元素）所以它可以向它添加一个属性？

标签： reactjs

Answer 1

不，你不能。如果不传递 a甚至 a ，就不能拥有MyComp组件并向div元素添加属性。propref

在这些情况下，您应该添加另一个包装器元素并将这些属性应用到它。

export default function Wrapper({children}) {
  return (
    <div data-value="5">
      {children}
    </div>
  );
}

<Wrapper>
  <MyComp/>
</Wrapper>