Question

是的，所以我不确定为什么这行得通，但不知何故？我的反应很新，只想了解我做错了什么或如何纠正。这是我的React代码段：

    this.state = { user_ledgers: [], paginator: { count: 0, page: 0, limit: 0 }, user: { id: this.props.match.params.user_id } };
    this.handleCreate = this.handleCreate.bind(this);
    this.handleUpdate = this.handleUpdate.bind(this);
    this.handleChangePage = this.handleChangePage.bind(this);
  }

  componentDidMount() {
    var user_id = this.state.user.id;
    this.fetchData(user_id, 1);
  }

  fetchData = (user_id, page_number) => {
    apiService.ledgersIndex(user_id, page_number)
      .then(
        paginated => {
          this.setState({
            user_ledgers: paginated.user_ledgers,
            ...........

如果我对react的理解是正确的，那么componentDidMount中的

var user_id是此代码中的局部范围变量。但是，我找到了正确的端点并以某种方式从中获取了正确的数据。这到底如何工作？这是我的apiservice：

function ledgersIndex(user_id, page_number) {
  const requestOptions = {
    method: 'GET',
    headers: Object.assign({},
      authorizationHeader(), 
      { 'Content_type': 'application/json' })
  };

  return fetch(`${process.env.API_SERVER}/api/v1/admin/users/${user_id}/transactions?page=${page_number}`, requestOptions)
    .then(handleResponse)
    .then(paginated => {
      return paginated;
    });
}

这是Rails应用程序的反应，Rails路由是嵌套的

namespace :admin do
        resources :users do
          resources :user_ledgers, path: :ledgers, only: [:index, :create, :show, :update]

这个问题的重点实际上只是为了了解我如何使用本地范围的var达到正确的终点？要使其不在本地范围内，如何在整个组件和apiService中使它可用？我知道它正在工作，但我想正确地做，并了解它为什么工作。

Answer 1

您是正确的，user_id是本地作用域的。但是然后您将其传递给this.fetchData：

this.fetchData(user_id, 1);

这将调用您的fetchData方法，并且在您的fetchData方法初始化时，好像发生了以下行：

var user_id = {this.fetchData调用中的用户名}

致电apiService.ledgersIndex

时也会发生同样的事情

进一步阅读： https://scotch.io/tutorials/understanding-scope-in-javascript

嵌套Route React是否使用Local作用域变量？

1 个答案: