通过道具将CSS类传递给子组件

Question

所以，我有一个带有确定类的css文件，可以说（class1，class2，class3等），并且我需要制作一个演示性组件，该组件通过将其属性传递给子组件。如果子组件中被调用的名称，则可以使用css类的属性。

Answer 1

props.children =嵌套在该组件内部的组件。我们可以使用React.cloneElement()来将属性传递给子级。

const PresentationalComponent = ({ children }) => {
  const hardCodedClassName = '.some-class';
  return (
    <>
        {React.cloneElement(props.children, { className: hardCodedClassName })}
    </>
  )
}

// Usage

<PresentationalComponent>
  <ChildComponent />
</PresentationalComponent>