Reactjs 如何将类或内联样式添加到组件';什么是道具?

Reactjs 如何将类或内联样式添加到组件';什么是道具?,reactjs,Reactjs,我对反应和编码很陌生。如何在此代码中向item.specTitle添加类或样式 const spec1 = [ {specTitle: "Size", specDescription: "Large suitcase."}, {specTitle: "Color", specDescription: "Red car."}, {specTitle: "Other", specDescription: "Other here."}, ]; ... <List dataSou

我对反应和编码很陌生。如何在此代码中向item.specTitle添加类或样式

const spec1 = [
  {specTitle: "Size", specDescription: "Large suitcase."},
  {specTitle: "Color", specDescription: "Red car."},
  {specTitle: "Other", specDescription: "Other here."},
];
...

<List
  dataSource={spec1}
  renderItem={item => (
    <List.Item>
      <List.Item.Meta
         description={item.specTitle + item.specDescription}
      />
    </List.Item>
  )}
 />
const spec1=[
{specTitle:“尺寸”,specDescription:“大型行李箱”。},
{specTitle:“颜色”,specDescription:“红色汽车”。},
{specTitle:“其他”,specDescription:“此处其他。”},
];
...
(
)}
/>

谢谢

您是否可以编辑您的问题以包含
List.Item.Meta
组件的代码?否则很难回答

item.specitle
只是一个字符串,因此不能向其中添加样式。您有两个选择:

  • 列表.Item.Meta
    组件中,您可以添加类名或内联 呈现
    specitle
    道具的样式

  • 更改
    List.Item.Meta
    component
    specitle
    prop,使其成为React节点而不是字符串,然后可以将spec1更改为类似以下内容:

  • const spec1=[
    {specTitle:Size,…},
    {specTitle:Color,…}
    ]