将JavaScript表达式插入到对象中,该对象是React prop
我有以下不起作用的代码将JavaScript表达式插入到对象中,该对象是React prop,javascript,reactjs,Javascript,Reactjs,我有以下不起作用的代码 tabs.map(tabs, (tab) => ( <Tab options={{'option':{tab.key === 'value'}}}> ... </Tab> )); tabs.map(制表符,(制表符)=>( ... )); 我的问题是some.key,它抛出了一个错误,因为我显然没有正确地插值这个表达式 有人能告诉我我需要做什么吗?我无法在单独的表达式中执行此操作,因为选项取决于映射的选项卡
tabs.map(tabs, (tab) => (
<Tab options={{'option':{tab.key === 'value'}}}>
...
</Tab>
));
tabs.map(制表符,(制表符)=>(
...
));
我的问题是some.key
,它抛出了一个错误,因为我显然没有正确地插值这个表达式
有人能告诉我我需要做什么吗?我无法在单独的表达式中执行此操作,因为
选项取决于映射的选项卡。这对于对象文字无效。另外,假设tabs
是一个iterable,那么map()
的第一个参数应该是映射函数
以下方面应起作用:
tabs.map(tab => (
<Tab options={{option: tab.key === 'value'}}>
...
</Tab>
));
'option':{tab.key==='value'}
无效,这可能导致您的问题。您是否希望它计算为“选项”:true
(或false,取决于值)?如果是这样,您需要“选项”:tab.key==“value”
。
tabs.map(tab => {
const options = {option: tab.key === 'value'};
return (
<Tab options={options}>
...
</Tab>
);
});