从 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 子组件无效。如果您返回组件而不是从渲染返回，可能会发生这种情况。”

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）