Where to write console.log inside component ? react

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 ?

If you need to debug your application, I highly recommend using a [debugger](https://developer.chrome.com/docs/devtools/javascript/). The console is for logging. — Phil, Dec 09 '21 at 22:30

score 0 · Answer 1 · answered Dec 09 '21 at 22:32

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>
  );
};

score -3 · Answer 2 · answered Dec 09 '21 at 22:28

-3

Missing comma:

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

answered Dec 09 '21 at 22:28

fixiabis

363
1
8

What? Isn't that a solution? – fixiabis Dec 09 '21 at 22:34

Where to write console.log inside component ? react

2 Answers2