javascript - 如何为子组件添加新类？

Question

子组件

const Child = ({newClasses, children}) => {
      return ( 
        <div className = {`${basicClass} ${newClasses}`}>     
          {children} 
        </div>
      )
    }
    
    export default Child 

父组件

const Parent = () => {
  return ( 
    <Child className = {classNew1 classNew2}> 
      content 
    </Child>
  )
}

试图得到<div class="basicClass classNew1 classNew2"></div>

但我得到 -<div class="basicClass undefined"></div>

告诉我如何正确操作？谢谢你的帮助

标签： javascriptreactjs

Answer 1

首先，由于您的 Child 组件期望名为的道具newClasses，因此您应该在父级中将其命名为：

const Parent = () => {
  return ( 
    <Child newClasses = {"classNew1 classNew2"}> 
      content 
    </Child>
  )
}

这应该可以解决您未定义的问题