在进行函数调用反应之前，如何设置状态？

Question

<li
  key={suggestion.id}
  id={`suggestion-${index}`}
  className="suggestion-list-item"
  onClick={e => this.props.checkToShare(e, suggestion)}
>

如何添加setState，然后在我的prop func事件中调用onClick？

Answer 1

您可以在setState中使用callback，一旦状态更新，该状态就会被触发：

const handleClick = evt => {
  this.setState(..., () => {
    this.props.checkToShare(evt, suggestion)
  })
}
...

<li
  key={suggestion.id}
  id={`suggestion-${index}`}
  className="suggestion-list-item"
  onClick={handleClick}
>

Answer 2

您可以调用setState并使用其回调函数：

 this.setState({...}, ()=>{ /* other function */})

Answer 3

只需按{}键即可使用箭头功能

   <li
      key={suggestion.id}
      id={`suggestion-${index}`}
      className="suggestion-list-item"
      onClick={e => {
        this.setState({ clicked: "yes" });
        this.props.checkToShare(e, suggestion);
      }}
    ></li>

Answer 4

最好使用另一种异步方法来获得更简洁的代码。

class MyModel
{
    /**
     * @var string
     * @validate NotEmpty
     */
    protected $title = '';

    /**
     * @var \MyAnotherModel
     * @copy reference
     */
    protected $author;