Semantic-UI-React Dropdown Selected Index
Semantic-UI-React Dropdown Selected Index
我正在尝试在语义-ui-react 下拉列表中设置一个默认的 selected 项。如果我 select 下拉列表中的一个项目，当我重新打开下拉列表时，它会在正确的项目上打开。然而，这个项目是持久化的，当我刷新页面时，正确的项目显示在下拉列表中，但它没有在正确的项目上打开。
请指教
Matt，听起来你只是在使用内部组件状态。无论您的组件用什么初始化，它们总是以相同的方式启动。你的整个 React 应用程序都是这样工作的。如果你希望你的数据是持久的，它需要存储在某个地方。当您刷新时，您将重新开始。如果你的应用程序的状态没有被放在其他地方，你每次刷新都会丢失那个状态，因为状态的唯一副本在你的客户端浏览器中。
基本上，您目前只有一个前端应用程序，没有在任何地方存储数据。根据您的需要，您可以通过多种不同的方式执行此操作。休息 API。 GraphQL API。如果您只是创建一个简单的网站，实现此目的的一种简单方法是使用无头 CMS。这将为您提供一个数据库来存储您的应用程序数据。有a lot of interesting ones out there that you can explore based on your needs.
我正在尝试在语义-ui-react 下拉列表中设置一个默认的 selected 项。如果我 select 下拉列表中的一个项目，当我重新打开下拉列表时，它会在正确的项目上打开。然而，这个项目是持久化的，当我刷新页面时，正确的项目显示在下拉列表中，但它没有在正确的项目上打开。
请指教
Matt，听起来你只是在使用内部组件状态。无论您的组件用什么初始化，它们总是以相同的方式启动。你的整个 React 应用程序都是这样工作的。如果你希望你的数据是持久的，它需要存储在某个地方。当您刷新时，您将重新开始。如果你的应用程序的状态没有被放在其他地方，你每次刷新都会丢失那个状态，因为状态的唯一副本在你的客户端浏览器中。
基本上，您目前只有一个前端应用程序，没有在任何地方存储数据。根据您的需要，您可以通过多种不同的方式执行此操作。休息 API。 GraphQL API。如果您只是创建一个简单的网站，实现此目的的一种简单方法是使用无头 CMS。这将为您提供一个数据库来存储您的应用程序数据。有a lot of interesting ones out there that you can explore based on your needs.