javascript - 预期语法错误 : Unexpected token, ，

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 5 年前。

Improve this question

我在 react 中收到此语法错误:

Unexpected token, expected , (22:4)

  20 | 		        </div>
  21 | 		    </div>
> 22 | 		)}
     | 		 ^
  23 | 	    </section>
  24 | 	  );
  25 | 	}

我多次查看了每个标签和括号，看看是否都有开始和结束标签/括号，但我似乎找不到错误。可能是其他原因，但我的 javascript 能力不够好，无法发现错误。

我也不明白错误消息，它说“预期”到底是什么意思？

这是错误消息引用的代码:

import React, { Component } from 'react';
import dropdownlist from './dropdowndata';

class Links extends Component {
	render() {
	    return (
    	<section>
		    { dropdownlist.map(drop =>(
		      <div className="dropdown">
		      <button className="dropdownhover"> {drop.name} </button>
		      <div className="links">
		    		
		      drop.button.map(button => (
			  <div className="linkssection">
			    <h2> {button.title} </h2>
			    <ul><li><a className="singlelink" href={button.url}>{button.urlText}</a></li></ul>
			  </div>
		      ))
					
		      </div>
		      </div>
			)}
		</section>
		);
	}
}

export default Links;

提前致谢! :)

Answer 1

关闭第一个 map 功能。

import React, { Component } from 'react';
import dropdownlist from './dropdowndata';

class Links extends Component {
    render() {
        return (
        <section>
            { dropdownlist.map(drop =>(
              <div className="dropdown">
              <button className="dropdownhover"> {drop.name} </button>
              <div className="links">

              drop.button.map(button => (
              <div className="linkssection">
                <h2> {button.title} </h2>
                <ul><li><a className="singlelink" href={button.url}>{button.urlText}</a></li></ul>
              </div>
              ))

              </div>
              </div>
            ))}
        </section>
        );
    }
}

export default Links;