Как можно передать опору как ноль в реакции?

Question

У меня есть загадка.

У меня есть текст, который я хочу переключить в компоненте.

в основном true => tick и false => untick но я хочу третий сценарий, где я не хочу отображать текст

если я не передам опору этому компоненту, он автоматически примет истину. я могу передать propName = {null} или что-то в этом роде?

или мне придется извлечь это в функцию (я бы предпочел, чтобы нет)

Answer 1

Если вы не предоставите реквизит для компонента, он не будет присутствовать в объекте, представляющем реквизит в этом компоненте.Таким образом, вы можете проверить, определена ли опора:

const Component = (props) => {
  if (props.checked === undefined) {
     return <Something />;
  }

  return <SomethingElse someProp={props.checked} />;
};

Затем будет отображаться Something:

<Component />

И все они будут визуализировать SomethingElse:

<Component checked />
<Component checked={true} />
<Component checked={false} />

Answer 2

Вы можете иметь третье состояние null, но тогда вам нужно будет сделать явные сравнения, т.е. a == false и не оценивать a, так как оно станет ложным в случае нулевого значения