- React组件可以根据条件决定显示内容，使用JS的if-else或conditional operator。
- 示例中加入按钮，依登录状态显示不同按钮：“登录”或“退出登录”。
- 组件状态
isLockedIn（布尔值）表示用户登录状态，默认为false。 - 添加
logIn和logOut方法用于修改isLockedIn状态。 render方法中，根据isLockedIn的值，使用JSX显示相应的按钮：“登录”或“退出登录”。- 当
isLockedIn为true时，显示“退出登录”按钮和欢迎信息，“你好，开发者”。 - 在浏览器中，初始显示“登录”按钮，按下后状态变为
true并显示“退出登录”按钮及欢迎信息，再次点击“退出登录”会回到登录按钮，因为isLockedIn变为false。