意外的令牌，预期"..."反应

Question

我想把"defaultChecked"属性到JSX输入元素，但编译器要求我使用扩展运算符activeModal国家吗?为什么呢?状态为true或false:

<input name="radio-size"value="small" type="radio" id="small" {**activeModal**?"checked":""} className="modal-content-sizes-form-option"></input>

Answer 1

JSX期望，如果您在{}中放置一个表达式，它期望一个道具名称，那么该表达式将是...someObject，其中someObject包含一个道具到值的映射。

。

const myObject = {
name: "radio-size",
value: "small",
// etc
}
<input {...myObject} />

它不期望插入一个JSX字符串。

如果你想设置一个布尔值的道具，那么就给道具指定布尔值:

<input checked={activeModal} (your other props) />