Question

我有一个带有String playerString = editTextUsername.getText().toString(); Player player = new Player(playerString); long rowId = mDreamViewModel.insert(player);参数的函数，如果它为true，则返回不透明度。

tableData

我也有_addStyles ({ tableData }) { const getIndex = id === tableData.id ? 0.7 : false; return { opacity: getindex; } }和<TableComponent>作为道具。我的问题是如何在不使用className作为道具或_addStyles的情况下，将<TableComponent>函数返回的样式添加到style中。

Answer 1

您应该能够像这样绑定样式：

<TableComponent style={_addStyles(your_data)} />

另外，请确保返回数字，而不是布尔值，因为不透明度适用于0到1的值。

const id === tableData.id ? 0.7 : 0;

但是，如果您想使用类名来绑定样式，则无需执行任何操作，只需添加一个类名并将样式应用于该类即可：

<TableComponent className={_addStyles(your_data)} />

现在，您的方法应返回类似的类名：

_addStyles ({ tableData }) {
  return getIndex = id === tableData.id ? 'with-opacity' : '';
}

在您的CSS中：

.with-opacity {
  opacity: .7
}

如何在React中绑定样式和className

1 个答案: