在哪里寫console.log里面的組件？ 反應

Question

我需要檢查我的變量：

  return (
    <FileInfo> 
      <div>
        <FileSize>{fileSize}</FileSize> 
      </div>
    </FileInfo>
  );
};

const FilesContainer = ({ intl, files, onClickHandler, fullWidth }) => (
  <Container>
    <Label>
      {files} 
    </Label> 
  </Container>
);
 

我需要檢查我的：

const FilesContainer = ({ intl, files, onClickHandler, fullWidth }) => (

我的文件變量...當我 console.log('files', files) 下面的例子：

const FilesContainer = ({ intl, files, onClickHandler, fullWidth }) => (
  console.log('files' , files)
  <Container>
    <Label>
      {files} 
    </Label> 
  </Container>
);

我收到錯誤...如何檢查 var？

Answer 1

代替隱式內聯返回，使用 function 塊並在返回語句之前添加控制台日志。

const FilesContainer = ({ intl, files, onClickHandler, fullWidth }) => {
  console.log("files", files);
  return (
    <Container>
      <Label>{files}</Label>
    </Container>
  );
};

Answer 2

缺少逗號：

const FilesContainer = ({ intl, files, onClickHandler, fullWidth }) => (
  console.log('files' , files),
  <Container>
    <Label>
      {files} 
    </Label> 
  </Container>
);