Question

我有一个屏幕，我需要分配一个组件列表（调用）以执行一些逻辑，而无需返回jsx以便在此屏幕中呈现

我尝试通过以下方式使用FlatList：

（1）在无渲染组件（Call）（Call.js）中：

@media all and (min-width:320px) and (max-width: 960px) {
    ul li .check:hover {
    color: #AAAAAA;
    background: transparent;
  }
}

（2）在需要在（OutGoingCallScreen.js）中分配无渲染组件列表的屏幕中：

  render() {
    return null;
  }

但是我遇到了这个错误：

  renderCall = ({ call }) => {
    <Call
      callId={call.callId}
      isVideo={this.props.isVideo}
      isIncoming={this.props.isIncoming}
    />;
  };

  render() {
    return (
      ...
      ...
      ...
      <FlatList data={this.props.calls} renderItem={renderCall} />
      ...
      ...
      ...
  );
  }

Answer 1

刚刚在评论中得到确认，但看起来您缺少的只是在renderCall之前是“ this”：

<FlatList data={this.props.calls} renderItem={this.renderCall} />

代替：

<FlatList data={this.props.calls} renderItem={renderCall} />

无法分配无渲染组件

1 个答案: