[英]REACT- How can I put a dash (-) inmy empty cell with my condition?
How can I do to get a dash (-) if I have no animals printed in my table cell.如果我的表格单元格中没有打印动物,我该怎么做才能获得破折号 (-)。 With What I've tried, my cell remains empty if I have
animals:[]
:使用我尝试过的方法,如果我有
animals:[]
:
export default function Animals() {
const data = useMemo(() => [
{
Header: 'Animals',
accessor: (row) => row.animals,
Cell: (props) => (
<div>
{props.value !== [] ? props.value.map(({ name }) => name).join(", ") : ''}
{props.value.length > 0 && <InfoIcon position="right" message={props.value !== [] ? props.value.map((o) => (
<span key={o.name}>
<b>{o.name}</b>
<p>Type: {o.type}</p>
<p>Price: {o.price}</p>
</span>
))
: ''
} />}
</div >
)
}
....
}
use inline ternary condition logic使用内联三元条件逻辑
export default function Animals() {
const data = useMemo(() => [
{
Header: 'Animals',
accessor: (row) => row.animals,
Cell: (props) => (
{ props.value !== [] && props.value.length > 0 ?
<div>
{props.value !== [] ? props.value.map(({ name }) => name).join(", ") : ''}
{props.value.length > 0 && <InfoIcon position="right" message={props.value !== [] ? props.value.map((o) => (
<span key={o.name}>
<b>{o.name}</b>
<p>Type: {o.type}</p>
<p>Price: {o.price}</p>
</span>
))
: ''
} />}
</div > : <div>-</div> }
)
}
....
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.