面试题：Solid.js中如何使用If - Else进行简单条件渲染

Question

在Solid.js项目中，假设你有一个布尔变量`isLoggedIn`，当`isLoggedIn`为`true`时，显示'Welcome, user!'，当为`false`时，显示'Please log in'。请编写实现此条件渲染的代码。

Answer 1

import { createSignal } from "solid-js";

const App = () => {
  const [isLoggedIn, setIsLoggedIn] = createSignal(false);

  return (
    <div>
      {isLoggedIn() ? 'Welcome, user!' : 'Please log in'}
    </div>
  );
};

export default App;