Tiếp sức - đặt biến trước truy vấn

Question

Tôi hiện đang làm việc trên trang hiển thị trạng thái của một tập hợp "nhiệm vụ" nhất định cho một người dùng cụ thể. Để lấy dữ liệu, tôi có container Rơ le sau:

export default Relay.createContainer(TaskReview, { 
    initialVariables: { 
    limit: Number.MAX_SAFE_INTEGER, 
    studentId: null, 
    }, 
    fragments: { 
    task:() => Relay.QL` 
     fragment on Task { 
     id, 
     title, 
     instruction, 
     end_date, 
     taskDataList(first: $limit, type: "subTasks", member: $studentId) { 
      edges { 
      node { 
       id, 
       answer, 
       completion_date, 
      } 
      } 
     }, 
     ... 

Để xác định người sử dụng tôi muốn lấy dữ liệu từ, tôi sử dụng:

componentWillMount =() => { 
    let {relay} = this.props; 
    relay.setVariables({ 
    studentId: this.props.member.id 
    }); 
} 

Tuy nhiên, vấn đề ở đây là truy vấn là được thực hiện lần đầu tiên với null như được định nghĩa trong initialVariables. Việc triển khai backend của tôi có nó để nếu studentId là NULL, thì nó trả về dữ liệu cho tất cả các thành viên.

Kết quả là truy vấn trên thực thi hai lần, lần đầu tiên với tất cả thành viên và lần thứ hai với memberId nhất định.

Điều này gây rối với những thứ khác trong số componentWillUpdate của tôi. Có anyway tôi có thể vượt qua biến này và chỉ nhận được dữ liệu cho thành viên đó trên truy vấn đầu tiên?

Cảm ơn.

Answer 1

Làm thủ tục ứng dụng của bạn với những điều kiện ban đầu này bằng cách chuyển biến của bạn qua tuyến đường.

class TaskReviewRoute extends Relay.Route { 
    static paramDefinitions = { 
    studentId: {required: true}, 
    }; 
    static queries = { 
    task:() => Relay.QL`query { ... }`, 
    }; 
    static routeName = 'TaskReviewRoute'; 
} 

<Relay.RootContainer 
    Container={TaskReview} 
    route={new TaskReviewRoute({studentId: '123'})} 
/>