reactjs 如何使用具有不同类名的相同组件，并将它们导入到具有不同类名的另一个组件中使用？

dwbf0jvd 于 2023-01-02 发布在 React

关注(0)|答案(1)|浏览(97)

我试着用不同的属性来使用相同的组件，比如类名，也许我不知道语法，也许这是不可能的。我试着做这样的事情：

const MyComp = (class) => (
   <div className={class}>
     ...
   </div>
)

return (
   <MyComp class="icon" />
)

在其他组件中使用：

const List = ({MyComp}) => {
...
return(
   <div> 
    {MyComp}  // I am asking whether here or before what should I do to change the classname
   </>
)
}

或者像这样导入comp是不可能的（当我使用<MyComp class="anotherStyle" />)时，它会出现预期的字符串错误？

reactjs

来源：https://stackoverflow.com/questions/74964715/how-to-use-the-same-component-with-different-classnames-and-import-and-use-them

1条答案

按热度按时间

3phpmpom1#

你可以做这样的事情！！破坏 prop ，这样你就可以在那个组件内部直接访问它。

const MyComp = ({class}) => (
   <div className={class}>
     ...
   </div>
)

return (
   <MyComp class="icon" />
)

赞(0）回复(0）举报 2023-01-02

我来回答

reactjs 如何使用具有不同类名的相同组件，并将它们导入到具有不同类名的另一个组件中使用？

1条答案

相关问题

热门标签

最新问答