Question

ID         DateLoadInd
3/21/2019  1 -- this will load
3/20/2019  0 -- this will not load
3/19/2019  0 -- this will not load
3/18/2019  0 -- this will not load
3/17/2019  1 -- this will load 

SELECT T1.*
FROM Info_Table T1
INNER JOIN Date_Table T2
ON T1.Date = T2.ID
WHERE T2.DateLoadInd = 1
ORDER BY T2.ID ASC

是否可以根据条件（noValue）不发送const Comp = ({noValue, value}) => ( <Slider value={value}> )？

所以如果value-property

如果noValue = true: < Slider />

noValue = false: < Slider value={value} />是一个外部库，如果执行<Slider />

，它会崩溃

Answer 1

以上答案也不错，只是想显示一些替代语法

const Comp = ({noValue, value}) => {
  const props = noValue ? {} : {value: value};
  return <Slider {...props}>
}

Answer 2

如果undefined为真，则可以通过value作为noValue道具。

const Comp = ({ noValue, value }) => (
  <Slider value={noValue ? undefined : value} />
)

Answer 3

您可以这样做

  const Comp = ({noValue, value}) => (
     <Slider value={noValue ? null : value} />
  )

或

const Comp = ({noValue, value}) => {
     if(noValue){
        return <Slider />
     }
     return <Slider value={value}>
}

Answer 4

您可以执行以下操作：

const Comp = ({value}) => (
    value ?
   <Slider value={value}> 
   :
   <Slider />
)

这应该有帮助。

反应，有条件地将道具发送到组件

4 个答案: