javascript - ReactJS 语句名称

Question

我正在使用 ReactJS 制作一个项目，并且我正在使用一个语句，但我不知道它的名称。

这是我的一些代码，因此可能有意义。

function Login(props) {
            return (
                <form>
                    <input
                        type="text"
                        placeholder="username"
                        onChange={e=>props.app.setState({"username":e.currentTarget.value})}
                        value={props.app.state.username}
                    />
                    <input
                        type="password"
                        placeholder="password"
                        onChange={e=>props.app.setState({"password":e.currentTarget.value})}
                        value={props.app.state.password}
                    />
                    <button type="button" onClick={_=>props.app.loadTasks()}>Login</button>
                    {props.app.state.logged_in == -1 && <p className="error">Incorrect username or password</p>}
                    {props.app.state.logged_in >= -1 && <title>Task Keeper</title>}
                </form>
            );
        }

我需要命名的确切内容是这里的这一行:

{props.app.state.logged_in == -1 && <p className="error">Incorrect username or password</p>}
{props.app.state.logged_in >= -1 && <title>Task Keeper</title>}

就像我正在使用它们，但我什至不知道它们叫什么。如果可能的话解释一下是如何工作的？我只是假设它像 if 语句一样工作。

Answer 1

您要查找的内容名为 Short-circuit evaluation MDN 网络文档上的分析非常好。