className={'container'}和className='container‘有什么区别

Question

我正在学习React和，并希望将className属性传递给一个组件，我想知道className={'container'}和className='container‘之间的区别，以及使用哪一个是正确的。

Answer 1

在您的示例中，className={'container'}和className='container'的功能相同，没有区别。

classname={something}

其中某物将是一个包含类名的变量。用于类的动态或基于条件的赋值。

示例：

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

className='something'

这是类及其名称的正常直接赋值。

示例：

classname='red'

Answer 2

在您的例子中，两者是相同的，但以下是何时使用what的逻辑：

因此，假设有一个条件，并且您正在将类的名称设置为一个变量，那么您可能希望使用className={'container'}。像classValue = isError?'error':'noterror'，然后是className = {classValue}

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

希望能有所帮助。请不要有疑问