我是Mobx的新手，但到目前为止，它一直工作得很好，我已经设法走得很远。我有一个带有mobx和mobx-persistent的react-native应用程序。我正在使用axios从一个WordPress站点拉帖子。我试图改进的功能是“添加到收藏夹”功能。
以下是我的PostsStore：

export default class PostsStore {

// Define observables and persisting elements
@observable isLoading = true;
@persist('list') @observable posts = [];
@persist('list') @observable favorites = [];

// Get posts from Wordpress REST API
@action getPosts() {
  this.isLoading = true;
  axios({
    url: 'SITE_URL',
    method: 'get'
  })
    .then((response) => {
      this.posts = response.data
      this.isLoading = false
    })
    .catch(error => console.log(error))
}

// Add post to favorites list, ensuring that it does not previously exist
@action addToFavorites(id) {
  if (this.favorites.indexOf(id) === -1) {
    this.favorites.push(id);
  }
}

// Remove post from favorites list, ensuring that it does indeed exist
@action removeFromFavorites(id) {
  if (this.favorites.indexOf(id) !== -1) {
    this.favorites.remove(id);
  }
}

}

在我的Favorites组件中，它旨在渲染一个按钮以添加或删除收藏夹，我认为使用@ calculated函数将是首选的，以确定当前渲染的帖子是否具有已添加到可观察的'favorites'数组的'id'。然而，似乎@ calculated函数不允许接受参数（如果帖子在最受欢迎的可观察数组中，最小参数将是帖子的'id'来计算。我可以使用@action来完成测试，但这似乎不能立即更新渲染的屏幕，而这正是我的目标。正如下面的代码所演示的，我被迫在组件呈现中使用'if'语句执行测试。

render () {
  if (this.props.postsStore.favorites.includes(this.props.item.id)) {
    return (
      <Button
        onPress={() => this.props.postsStore.removeFromFavorites(this.props.item.id)}
        title="★"
      />
    )
  }

这是否会影响应用程序的性能？有没有一种@computed的方法来做我想做的事情？我是不是应该不担心这个，因为它有点工作？