javascript $ 符号不能用作动态变量

Question

<Link onClick={(event) => (!name || !room) ? event.preventDefault() : null} to={"/chat?name=${name}&room=${room}"} >
            <button className="button mt-20" type="submit">Sgn In</button>
        </Link>

值应该通过这个动态输入的 ${name} 和 ${room} 传递，但它们没有按应有的方式工作

Answer 1

确保对模板字符串使用反引号（ 字符串插值）

您的链接应如下所示：

<Link onClick={(event) => (!name || !room) ? event.preventDefault() : null} to={`/chat?name=${name}&room=${room}`} >
            <button className="button mt-20" type="submit">Sgn In</button>
 </Link>