反应:将参数发送到父组件

时间:2020-08-11 13:01:08

标签: javascript reactjs components state action

我有两个部分(父母和孩子)。
我想向父组件发送一个参数,它可以工作,但是会有一点延迟。

父组件:

const [isMove, setMove] = useState(true);

   return (
      <ResponsiveGridLayout
        cols={cols}
        layouts={layouts}
        className='layout'
        isResizable={false}
        isDraggable={isMove}
        compactType='horizontal'
        rowHeight={200}
        measureBeforeMount
      >
        {picture.map((widget, index) => {
          return (
            <div key={index.toString()} className='card'>
              // "isMove" should forbid element from moving
              <Header widget={widget} isMove={setMove} />
            </div>
          );
        })}
      </ResponsiveGridLayout>
   );

孩子:

const Pen = ({isMove}) => {

   function onClickByPen(event){
      isMove(false);
   };

   return(
     <div>
       <button type='button' onMouseDown={onClickByPen}>
        Tets
       </button>
     <div>
   )
};

如何立即发送参数?
当我按下按钮并移动鼠标时,该禁止功能没有时间起作用。

0 个答案:

没有答案