PROSAGA码农传奇-Teambition-反映渲染trello卡名称

反映渲染trello卡名称

作者: =_=
发布时间: 2024-07-11 08:50:14 (21天前)
转自：

<div class =“post-text”itemprop =“text”>
  <P>
    在你的情况下
     <code>
      render
    </code>
     没有访问权限
     <code>
      cards
    </code>
     您通过trello下载（它们只能在内部访问）
     <code>
      componentDidMount
    </code>
    ）。解决此问题的一种方法是将下载的卡保存到反应状态。
     <code>
      render
    </code>
     然后将被调用，因为状态已更改并且将呈现卡片。
  </p>
  <H3>
    例
  </H3>
   <pre>
    <code>
      class TrelloCards extends Component {
  constructor() {
    this.state = {
      cards: []      <-------- define your initial state
    }
  }

componentDidMount() {
    const trello = window.Trello;

trello.authorize({
      type: 'redirect',
      name: 'React Trello',
      scope: {
        read: 'true',
        write: 'true' },
      expiration: 'never',
      success: () => console.log('auth success'),
      error: () => console.log('auth failure'),
      response_type: 'token',
    });

trello.get('/member/me/cards', 
      (cards) => this.setState({ cards }),
                      ^----  set state here (shorthand)
      (error) => console.log('could not get cards'))
    }
  }

render() {
    return(
      <div>
        {this.state.cards.map(card =>
          <li>{card.name}</li>)}
          ^---- render cards from state
      </div>
    );
  }
}

</code>
  </pre>
</DIV>