如何在React中为组件的prop添加类或内联样式？

Question

我对React和编码很新。如何在此代码中为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>
  )}
 />

谢谢！

Answer 1

您是否可以修改问题以包含realm.objects(a.self).sorted({ (o1, o2) -> Bool in return o1.isStrong && !o2.isStrong }) 组件的代码？否则很难回答。

List.Item.Meta只是一个字符串，因此您无法为其添加样式。您有两种选择：

1. 在item.specTitle组件中，您可以添加className或inline <{1}}道具的样式。

2. 更改List.Item.Meta组件specTitle道具，使其可以是React节点而不是字符串，然后您可以将spec1更改为：

List.Item.Meta