在哪里写console.log里面的组件？ 反应

Question

I need to check my variables:

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

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

I need to check my:

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

my files variable... when I console.log('files', files) bellow example:

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

I got error...how to check var?

Answer 1

Instead of implicit inline return, Use the function block and add console logs before the return statement.

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

Answer 2

Missing comma:

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