Styjun

You've spoiled/damaged the card

Why is Colorado so different politically from nearby states?

Is it OK to bring delicacies from hometown as tokens of gratitude for an out-of-town interview?

When leasing/renting out an owned property, is there a standard ratio between monthly rent and the mortgage?

Hygienic footwear for prehensile feet?

The term for the person/group a political party aligns themselves with to appear concerned about the general public

Is having a hidden directory under /etc safe?

Comma Code - Ch. 4 Automate the Boring Stuff

Is there a term for this?

Imperfective Aspect in German "not since" constructions

Accidentally cashed a check twice

Could a guilty Boris Johnson be used to cancel Brexit?

How can I add depth to my story or how do I determine if my story already has depth?

Filling region bounded by multiple paths

Asking bank to reduce APR instead of increasing credit limit

Concise way to draw this pyramid

Do adult Russians normally hand-write Cyrillic as cursive or as block letters?

Explain Ant-Man's "not it" scene from Avengers: Endgame

Pros and cons of writing a book review?

Is it possible to kill all life on Earth?

Is the capacitor drawn or wired wrongly?

How do I get a cleat that's stuck in a pedal, detached from the shoe, out?

How should I push back against my job assigning "homework"?

Is there any Biblical Basis for 400 years of silence between Old and New Testament?

Cannot get rid of “no-unused-expressions” - ReactJS

Inline CSS styles in React: how to implement a:hover?reactjs unrecognized tag attributesReactJS writing stateless function commentsReactjs Tutorial: Cannot read property 'props' of undefinedReactJS: Transferring PropsReactJS progress bar animatedCards in ReactjsGetting rid of browser warning when using Grommet Anchor as Link from react-router-dom(React) How do you pass in functions to components that are wrapped in a variable?Issue with JSX HTMLAttribute setting style for div tag in reactjs react-bootstrap

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

I'm new in ReactJS, I'm following a tutorial and i created a stateless component for a video list that's have some images and related texts.

The Error was:

Line 9: Expected an assignment or function call and instead saw an
expression no-unused-expressions

And the component is:

import React from 'react';
import styles from './VideoList.css'

import Link from 'react-router-dom'
import CardInfo from '../CardInfo/CardInfo'

const VideosTemplate = (props) => 
 return props.data.map( (item,i) => 
 <Link to=`/videos/$item.id` key=i>
 <div className=styles.videoListItem_wrapper>
 <div className=styles.left
 style=
 background: `url(/images/videos/$item.image)`
 >
 </div>
 <div className=styles.right>
 <h2>item.title</h2>
 </div>
 </div>
 </Link>
 )


export default VideosTemplate;

And the line 9 is:

<Link to=`/videos/$item.id` key=i>

Note: When i tried to remove everything in map function everything is work, just when i use item it cause an error.

reactjs

share|improve this question

asked Mar 24 at 12:20

Malik TurkMalik Turk

156

add a comment | 

0

I'm new in ReactJS, I'm following a tutorial and i created a stateless component for a video list that's have some images and related texts.

The Error was:

Line 9: Expected an assignment or function call and instead saw an
expression no-unused-expressions

And the component is:

import React from 'react';
import styles from './VideoList.css'

import Link from 'react-router-dom'
import CardInfo from '../CardInfo/CardInfo'

const VideosTemplate = (props) => 
 return props.data.map( (item,i) => 
 <Link to=`/videos/$item.id` key=i>
 <div className=styles.videoListItem_wrapper>
 <div className=styles.left
 style=
 background: `url(/images/videos/$item.image)`
 >
 </div>
 <div className=styles.right>
 <h2>item.title</h2>
 </div>
 </div>
 </Link>
 )


export default VideosTemplate;

And the line 9 is:

<Link to=`/videos/$item.id` key=i>

Note: When i tried to remove everything in map function everything is work, just when i use item it cause an error.

reactjs

share|improve this question

asked Mar 24 at 12:20

Malik TurkMalik Turk

156

add a comment | 

I'm new in ReactJS, I'm following a tutorial and i created a stateless component for a video list that's have some images and related texts.

The Error was:

Line 9: Expected an assignment or function call and instead saw an
expression no-unused-expressions

And the component is:

import React from 'react';
import styles from './VideoList.css'

import Link from 'react-router-dom'
import CardInfo from '../CardInfo/CardInfo'

const VideosTemplate = (props) => 
 return props.data.map( (item,i) => 
 <Link to=`/videos/$item.id` key=i>
 <div className=styles.videoListItem_wrapper>
 <div className=styles.left
 style=
 background: `url(/images/videos/$item.image)`
 >
 </div>
 <div className=styles.right>
 <h2>item.title</h2>
 </div>
 </div>
 </Link>
 )


export default VideosTemplate;

And the line 9 is:

<Link to=`/videos/$item.id` key=i>

Note: When i tried to remove everything in map function everything is work, just when i use item it cause an error.

reactjs

share|improve this question

asked Mar 24 at 12:20

Malik TurkMalik Turk

156

import React from 'react';
import styles from './VideoList.css'

import Link from 'react-router-dom'
import CardInfo from '../CardInfo/CardInfo'

const VideosTemplate = (props) => 
 return props.data.map( (item,i) => 
 <Link to=`/videos/$item.id` key=i>
 <div className=styles.videoListItem_wrapper>
 <div className=styles.left
 style=
 background: `url(/images/videos/$item.image)`
 >
 </div>
 <div className=styles.right>
 <h2>item.title</h2>
 </div>
 </div>
 </Link>
 )


export default VideosTemplate;

<Link to=`/videos/$item.id` key=i>

share|improve this question

asked Mar 24 at 12:20

Malik TurkMalik Turk

156

share|improve this question

asked Mar 24 at 12:20

Malik TurkMalik Turk

156

asked Mar 24 at 12:20

Malik TurkMalik Turk

156

asked Mar 24 at 12:20

Malik TurkMalik Turk

156

1 Answer
1

active

oldest

votes

1

Nothing is returned from map callback. <Link ...> creates React element that isn't used anywhere. It should be either implicit return:

return props.data.map( (item,i) => (
 <Link to=`/videos/$item.id` key=i>
 ...

Or explicit return:

return props.data.map( (item,i) => {
 return <Link to=`/videos/$item.id` key=i>
 ...

share|improve this answer

answered Mar 24 at 12:22

estusestus

83.1k24128250

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  i've never seen the brackets :) its worked!
  
  – Malik Turk
  Mar 24 at 12:24
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55323740%2fcannot-get-rid-of-no-unused-expressions-reactjs%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

Nothing is returned from map callback. <Link ...> creates React element that isn't used anywhere. It should be either implicit return:

return props.data.map( (item,i) => (
 <Link to=`/videos/$item.id` key=i>
 ...

Or explicit return:

return props.data.map( (item,i) => {
 return <Link to=`/videos/$item.id` key=i>
 ...

share|improve this answer

answered Mar 24 at 12:22

estusestus

83.1k24128250

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  i've never seen the brackets :) its worked!
  
  – Malik Turk
  Mar 24 at 12:24
  

  
  
  
  

add a comment | 

1

Nothing is returned from map callback. <Link ...> creates React element that isn't used anywhere. It should be either implicit return:

return props.data.map( (item,i) => (
 <Link to=`/videos/$item.id` key=i>
 ...

Or explicit return:

return props.data.map( (item,i) => {
 return <Link to=`/videos/$item.id` key=i>
 ...

share|improve this answer

answered Mar 24 at 12:22

estusestus

83.1k24128250

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  i've never seen the brackets :) its worked!
  
  – Malik Turk
  Mar 24 at 12:24
  

  
  
  
  

add a comment | 

Nothing is returned from map callback. <Link ...> creates React element that isn't used anywhere. It should be either implicit return:

return props.data.map( (item,i) => (
 <Link to=`/videos/$item.id` key=i>
 ...

Or explicit return:

return props.data.map( (item,i) => {
 return <Link to=`/videos/$item.id` key=i>
 ...

share|improve this answer

answered Mar 24 at 12:22

estusestus

83.1k24128250

return props.data.map( (item,i) => (
 <Link to=`/videos/$item.id` key=i>
 ...

return props.data.map( (item,i) => {
 return <Link to=`/videos/$item.id` key=i>
 ...

share|improve this answer

answered Mar 24 at 12:22

estusestus

83.1k24128250

answered Mar 24 at 12:22

estusestus

83.1k24128250

answered Mar 24 at 12:22

estusestus

83.1k24128250