簡體 English 中英

通過 props 設置 2 個類名

[英]Setting 2 classNames through props

原文 2021-01-28 18:59:18 9 1 javascript/ reactjs

我有一個簡單的問題，我試圖讓每個組件都有兩個類。 一個是minipl.net作為所有組件的默認值，另一個是傳遞給它的道具。 {props.className}這是我目前所擁有的。

<div className=`miniPlanet, ${props.className}`></div>

但是，這會引發語法錯誤，我在 SOF 上找不到任何人遇到與我相同問題的地方。 我怎樣才能做到這一點？
謝謝您的幫助。

1 個解決方案

您需要創建一個字符串，因此使用模板文字可能是一個不錯的方法。

試試這個：

<div className={`miniPlanet ${props.className}`}></div>

MapBox 通過 props 設置多個標記 react

[英]MapBox setting multiple markers through props react

如何使用 css 模塊將多個類名作為道具傳遞

[英]How to pass multiple classNames as props with css modules

在 next.js 中將 props 作為 classNames 傳遞

[英]passing props as classNames in next.js

無法遍歷classNames JavaScript

[英]Cannot loop through classNames JavaScript

使用類名根據 props 值使用 CSS 動態設置組件樣式

[英]Using classnames to dynamically style component with CSS based on props value

如何通過道具將值傳遞給另一個組件並出現錯誤：`使用默認值或值道具而不是設置選中<option value="`?">`?</option>

[英]How to pass value through props to another component and error : `Use the defaultValue or value props on instead of setting selected on <option>`?

道具未設置狀態

[英]Props not setting state

我通過道具在React Enzyme單元測試中設置狀態

[英]Setting state in React Enzyme unit test which I pass through props

為什么通過 setTimeout 設置 state 不會呈現子組件的正確道具？

[英]Why setting the state through setTimeout doesn't render the correct props of a child component?

通過道具移除東西

[英]Remove stuff through props

暫無

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 MapBox 通過 props 設置多個標記 react 如何使用 css 模塊將多個類名作為道具傳遞在 next.js 中將 props 作為 classNames 傳遞無法遍歷classNames JavaScript 使用類名根據 props 值使用 CSS 動態設置組件樣式如何通過道具將值傳遞給另一個組件並出現錯誤：`使用默認值或值道具而不是設置選中<option value="`?">`?</option> 道具未設置狀態我通過道具在React Enzyme單元測試中設置狀態為什么通過 setTimeout 設置 state 不會呈現子組件的正確道具？通過道具移除東西

相關標簽

粵ICP備18138465號 © 2020-2024 STACKOOM.COM