在React中使用'for'作为道具

Question

我正在尝试为正在处理的项目使用React库（Dev Extreme React Grid），并且遇到了一个我很难找到更多信息的问题。长话短说，我尝试使用提供的组件，该组件需要道具，名称为“ for”。像这样：

<DataTypeProvider
    for={someData}
 />

现在，我遇到了一个问题，因为for是js中的保留字，并且（合理地）转换为htmlFor。但是，这导致DataTypeProvider缺少预期的道具for。为了证实这种怀疑，我挖掘了源代码并将htmlFor映射为备份，以防未提供for，并且代码按预期工作。显然，这不是理想的解决方案，有人知道解决此保留字问题的方法吗？我无法理解它如何在反应中起作用，并且“ for”对于谷歌搜索ha不是一个很好的搜索词。

感谢您的想法，建议或解决方案！

Answer 1

不是使用import numpy as np import torch import torch.utils.data as data_utils # Create toy data x = np.linspace(start=1, stop=10, num=10) x = np.array([np.random.normal(size=len(x)) for i in range(100)]) # Create DataLoader dataset = torch.from_numpy(x).float() dataloader = data_utils.DataLoader(dataset, batch_size=100) batch = next(iter(dataloader)) 表示法而是传播jsx，其中包含名为object的密钥

for

请注意，您无法使用const props = { for : '/foo' } return <Child {...props} />

访问它

destructuring assignment

obs：期望将const Child = ({for}) => <div>{for}</div> //ERROR const Child = props => <div>{props.for}</div> //Nice 命名为prop，keyword的{​​{1}}听起来是多么糟糕，并且不会引起任何问题