className = {'container'}和className ='container'

Question

我当时正在学习React，想将className道具传递给组件，并且想知道className = {'container'}和className ='container'之间的区别，以及哪个正确使用。

Answer 1

以您的示例 className={'container'}和className='container' 相同，没有区别。

classname = {something}

其中某些将是包含类名称的变量。用于动态或基于条件的类分配。

示例：

classname={(ifsomething)?'red':'blue'}

className =“某物”

这是对类的常规直接分配。

示例：

classname='red'

Answer 2

在您的情况下，两者相同，但是下面是何时使用what的逻辑：

因此，假设有条件，并且要将类名设置为变量，则要使用className={'container'}。像classValue = isError?'error':'noterror'，然后像className = {classValue}

现在，当您直接想要分配className时，您想使用className='container'。

希望有帮助。毫无疑问