首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >尝试在类中重写css时出现Javascript语法错误

尝试在类中重写css时出现Javascript语法错误
EN

Stack Overflow用户
提问于 2018-07-06 04:03:52
回答 2查看 43关注 0票数 0

我试图通过选择component类并将其更改为不显示来隐藏react-js项目中的组件,但出现了以下语法错误

代码语言:javascript
复制
Syntax error: Unexpected token, expected ; (12:25)
        if (window.location.pathname === "/") {
> 12 |         handleChange(event){
     |                          ^
  13 | 
  14 |         var x = document.getElementByClassName("kontaktformular");
  15 |         x.style.display = "none";

下面是我的代码

代码语言:javascript
复制
if (window.location.pathname === "/") {
  handleChange(event) {
    var x = document.getElementByClassName("kontaktformular");
    x.style.display = "none";
  }
} else {
  x.style.display = "block";
}
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-07-06 04:11:52

你可能想要这个:

代码语言:javascript
复制
handleChange(event) {
  var x = document.getElementsByClassName("kontaktformular")[0];
  if (window.location.pathname === "/") {
    x.style.display = "none";
  } else {
    x.style.display = "block";
  }
}

然而,这根本不是React的方式。正确的解决方案是不基于当前的Route呈现contact表单。

至少你会想要使用这样的东西:

代码语言:javascript
复制
render() {
  return (
    <div>
      ...
      { window.location.pathname !== "/" && <KontaktFormular /> }
      ...
    </div>
  );
}

参考:https://reactjs.org/docs/conditional-rendering.html

票数 1
EN

Stack Overflow用户

发布于 2018-07-06 04:05:30

你应该这样做

代码语言:javascript
复制
var x = document.getElementByClassName("kontaktformular");
if (window.location.pathname === "/") {
    x.style.display = "none";

} else {
  x.style.display = "block";
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51199057

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档