从 JSX 花括号返回函数

如何解决从 JSX 花括号返回函数

来自 react-beautiful-dnd 的所有示例都使用某种闭包，从 JSX 花括号中返回一个内联函数——例如。来自https://codesandbox.io/s/k260nyxq9v?file=/index.js:1665-1994：

  render() {
    return (
      <DragDropContext onDragEnd={this.onDragEnd}>
        <Droppable droppableId="droppable">
          {(provided,snapshot) => (
            <div
              {...provided.droppableProps}
              ref={provided.innerRef}
              style={getListStyle(snapshot.isDraggingOver)}
            >
            ...

这是什么模式？而且，为什么当我尝试它时它不起作用 - 我只是得到“警告：函数作为 React 子组件无效。如果您返回组件而不是从渲染返回，可能会发生这种情况。”