繁体   English   中英

我在使用带有 typescript 的三元运算符时遇到问题

I am having problems using ternary operators with typescript

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我在使用带有 typescript 的三元运算符时遇到问题,请检查代码以了解我要说的内容。

  ` 
    const QuizQuestionContainer = ({ qa }: QuizQuestionContainerPropsType) => {
      const { question, option1, option2, option3, option4 ,checked } = qa;
     return (
        <>
          <h4>{question}</h4>
          <form>
            <input
              type="radio"
              value={option1}
              name="option"
              onClick={checkOption}
              {checked === option1 ? "defaultChecked": ""}
              
            />
      );
    };
    
    export default QuizQuestionContainer;
  `  
     

我收到一个道具“qa”,我从中解构了“checked”值,如果“checked”等于选项,我希望默认检查输入,但它会抛出一个错误,说“'... ' expected.ts(1005)" 和 "传播类型只能从 object types.ts(2698) 创建"

3 个回复

您需要定义要为其提供值的道具名称!

{检查===选项1? "defaultChecked": ""} 是有效的 boolean 值,但您需要将其分配给input道具。 也许你想做checked={option1 === "defaultChecked"}

这可能是由于checked变量与输入道具具有相同的名称 - 可能有助于将变量重命名为isChecked以避免将来混淆。

我相信您在这里要做的是确定输入是否已检查checked接受 boolean (真 = 已检查)

改为: checked={checked === option1}

如果您想使用您提到的条件设置道具 defaultCheck,请更改为:

defaultChecked={checked === option1}
2 遇到三元运算符

我在徘徊如何制作可在整个Java eclipse中使用的自定义类。 例如,如果您编写任何基本程序,则可以调用预定的类,就像只需键入Math.abs(x);即可。 不必费心去打字 我想为基本功能设计自己的自定义类,因为我经常在任何程序中使用我的基本功能,无论它们是否在同一项目中。 ...

3 我在 javascript 中使用算术运算符时遇到问题

我正在做一项作业,必须拿一个 10 字的字符串并决定它属于哪个类别。 字符串可以是任何东西,它必须由 3 个类别定义: 1. Cat。 A - 字符串的正文,其中一半以上的单词为 4 个字符或更少 2. Cat。 B - 弦体既不是猫。 A 或猫。 C 3. 目录。 C - 超过一半的单词 ...

5 使用三元运算符的“ if”和“ if”语句

以下构建链接: 当前,如果$cta_href或$cta_text在后端为空字段,它将抛出未定义的variable errors 。 我正在尝试使用三元运算符来修改我的代码,以使其更具可读性。 为了解决undefined variable错误,我正在寻找 : 如果$add ...

6 使用 jQuery 的三元运算符

我正在尝试创建一个具有 4 个可能值的表单(类型:单选按钮)。 我想选择一个,然后将其值保存在 a.txt 文件中。 这是我的代码的一部分: 当我执行它时,它返回uncaught syntax error unexpected token ":" 。 我该如何修改它? 您还可以链接一些在线示例吗? ...

7 我遇到了对撞机的问题

我正在创建一个 2d 游戏,我有一个敌人和一个玩家。 我还有一个敌人和一个玩家的三个对撞机。 我希望它是这样的 - 一个是查看玩家是否进入了他的领土(第一个,也是最大的对撞机),如果是,他会开始追逐他,第二个是如果玩家在其中进行攻击并且第三个是用于与墙壁等的基本碰撞。前两个的触发器已打开。 我试图想 ...

8 我的Cookie出现问题

假定以下HTML文件设置一个cookie,然后在下次加载该文件时找到该cookie。 它适用于浏览器FireFox,但不适用于Chrome。 这是在Windows 10计算机上完成的。 我的一个朋友在我的Mac上为我感到厌倦,这就是他的发现: 点击关闭,然后在Chrome中再次出 ...

9 我在用compareTo遇到问题

好吧,我需要创建一个有两个接口的项目,并且它们都在两个不相关的类中使用。 除了compareTo方法,我设法使其他所有东西都能正常工作。 我开设的两个课程是汽车和马。 我想做的是比较从Horse出发的MilesGoal到Car中的MilesGoal,然后返回1、0或-1。 但是,当我 ...

10 我在循环时遇到问题

我试图让这个代码工作,事情一直说第 10 行字符 1 需要一个“但是当我说它意外 object,有人可以帮忙吗?1]: https://i.stack.imgur.com/Tp61t .png ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM