小编Joh*_*ana的帖子

使用if else声明在if/else之后使用`let`或`const`?

我不知道为什么,但如果我在声明中声明它们,我似乎无法调用letconst变量if/else.

if (withBorder) {
  const classes = `${styles.circularBorder} ${styles.dimensions} ${styles.circularPadding} row flex-items-xs-middle flex-items-xs-center`;
} else {
  const classes = `${styles.dimensions} ${styles.circularPadding} row flex-items-xs-middle flex-items-xs-center`;
}
return (
  <div className={classes}>
    {renderedResult}
  </div>
);
Run Code Online (Sandbox Code Playgroud)

如果我使用这个代码就说明了classes is not defined.

但是,如果我改变constvar类的定义,但我得到一个关于警告classes used outside of binding contextall var declarations must be at the top of the function scope

我怎么能解决这个问题?

javascript if-statement const let reactjs

28
推荐指数
4
解决办法
2万
查看次数

如何将参数传递给graphql片段?

将参数传递给 GraphQL 查询很容易。但是 GraphQL 片段呢?

此代码包含一些完全正常的查询,带有参数 (itemId) 和我尝试执行的操作的提示 (includeExtraResults):

export const GET_ITEM = gql`
  query GetItem($itemId: ID!, $includeExtraResults:BOOLEAN) {
    container {
      item(itemId: $itemId) {
        itemId
        someField
        innerItem(someExtraOption: $includeExtraResults) {
          ...InnerItemFragment
        }
      }
    }
  }
  ${INNER_ITEM_FRAGMENT}
`;

export const INNER_ITEM_FRAGMENT = gql`
  fragment InnerItemFragment on InnerItemType {
    innerItemId
    innerInnerItem(someExtraOption: $includeExtraResults) {
      someFields
    }
  }
  ${INNER_INNER_ITEM_FRAGMENT}
`;


export const INNER_INNER_ITEM_FRAGMENT = gql`
  /* (not detailed here) */
`;
Run Code Online (Sandbox Code Playgroud)

当内部项目作为内部项目的一部分被自动查询时,我不希望它们返回过滤器工作所依据的字段。客户也不知道逻辑。相反,我想使用参数,并且逻辑是在服务器端决定的。

尽管如此,他们的查询还是以某种方式实现,它需要(可选)参数“includeExtraResults”,该参数首先传递给 GetItem。

那么,有没有办法将“includeExtraResults”传递给内部片段?为了使这有意义,应该改变什么?在现实生活中,这是一个复杂的系统,具有许多层次的内部碎片。

graphql react-native

11
推荐指数
2
解决办法
8848
查看次数

简单的html选择不在Android chrome上工作

我在使用google chrome for android时遇到了麻烦.

select在html中的标签在那里不起作用,但它适用于桌面谷歌浏览器和其他浏览器,甚至在safari和苹果移动设备上,只是不在谷歌chrome for android.

我尝试过其他具有正常选择功能的应用,但它们似乎适用于移动谷歌浏览器.

这是一个正在发生的事情的例子:

Gif图像

我不知道如何解决这个问题.如果有人能给我提示可能是什么原因.

这是选择:

<select class="form-control" name="cardType" ng-model="payment.cardType" required>
  <option value="AMEX">AMEX</option>
  <option value="DINE">DINE</option>
  <option value="DSVR">DSVR</option>
  <option value="MCRD">MCRD</option>
  <option value="VISA">VISA</option>
</select>
Run Code Online (Sandbox Code Playgroud)

html android html-select google-chrome angular

7
推荐指数
0
解决办法
3533
查看次数

蚂蚁设计版本 3.0 表单上的打字稿错误

尝试Form.create来自https://ant.design/components/form/时出现打字稿错误

这是错误: 在此处输入图片说明

编辑 当我尝试使用此表单时: 在此处输入图片说明

import { Form, Icon, Input, Button, Checkbox } from 'antd';
const FormItem = Form.Item;

class NormalLoginForm extends React.Component {
  handleSubmit = (e) => {
    e.preventDefault();
    this.props.form.validateFields((err, values) => {
      if (!err) {
        console.log('Received values of form: ', values);
      }
    });
  }
  render() {
    const { getFieldDecorator } = this.props.form;
    return (
      <Form onSubmit={this.handleSubmit} className="login-form">
        <FormItem>
          {getFieldDecorator('userName', {
            rules: [{ required: true, message: 'Please input your username!' }],
          })(
            <Input prefix={<Icon type="user" style={{ …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs antd

6
推荐指数
1
解决办法
2456
查看次数

如何退出会议MVC Razor视觉工作室

我正试图从MVC Razor中的会话注销,这是我目前在MainController中的内容:

[HttpPost]
public ActionResult Login(Users user)
{
    if (ModelState.IsValid)
    {
        if (ValidateUser(user.Email, user.Password))
        {

            FormsAuthentication.SetAuthCookie(user.Email, false);
            return RedirectToAction("Index", "Members");
        }
        else
        {
            ModelState.AddModelError("", "");
        }
    }
    return View();
}

private bool ValidateUser(string Email, string Password)
{

    bool isValid = false;

    using (var db = new ShareRideDBEntities())
    {
        var User = db.tblProfiles.FirstOrDefault(u => u.PROF_Email == Email);
        var ut = db.tblProfilesTypes.FirstOrDefault(t => t.TPE_ID == User.PROF_UserType);

        if (User != null)
        {
            if (User.PROF_Password == Password)
            {
                Session["UserID"] = User.PROF_UserID;
                Session["Name"] = User.PROF_FirstName; …
Run Code Online (Sandbox Code Playgroud)

c# asp.net-mvc razor asp.net-mvc-4

5
推荐指数
1
解决办法
4万
查看次数

ng-if被调用的次数超过它应该的次数

我正在尝试根据所选类别过滤某些频道.

我有一个ng-repeat channel in channels有一个ng-if="hasCategory(channel.category)

这是文件:

db.channels.find().pretty()
{
    "_id" : "2kj9GK8jE9yHezoWb",
    "name" : "example name",
    "logo" : "path/to/image.svg",
    "number" : 2,
    "category" : [
        "Broadcast",
        "Premium"
    ],
    "tags" : "example tag tags"
}
Run Code Online (Sandbox Code Playgroud)

这是处理ng-if的函数:

$scope.hasCategory = function (categoryNameArray) {
  console.log('thisisbeingcalled');
  var e = _.indexOf(categoryNameArray, $scope.activeCategory);
  if (e === -1) {
    return false;
  } else {
    return true;
  }
};
Run Code Online (Sandbox Code Playgroud)

这就是我设置活动类别的方式:

$scope.setCategory = function (name) {
  $scope.activeCategory = name;
};
Run Code Online (Sandbox Code Playgroud)

我通过单击视图中的按钮发送:

<section layout="row" layout-align="center center" layout-wrap ng-init="activeIndex; activeCategory">
  <md-button …
Run Code Online (Sandbox Code Playgroud)

mongodb angularjs meteor angular-meteor

5
推荐指数
1
解决办法
4731
查看次数

带有 wowJS 的 ReactJS 不起作用

我似乎无法让wowJS工作。

我愿意 import WOW from 'wowjs';

componentDidMount() {
  const wow = new WOW();
  wow.init();
}
Run Code Online (Sandbox Code Playgroud)

但我明白了 TypeError: _wowjs2.default is not a constructor

如果我做 import { WOW } from 'wowjs';

我得到

MutationObserver is not supported by your browser. WOW.js cannot detect dom mutations, please call .sync() after loading new content.

如果我做

componentDidMount() {
  const wow = new WOW();
  wow.sync();
}
Run Code Online (Sandbox Code Playgroud)

请注意 wow.sync()

我得到 TypeError: Cannot read property 'nodeType' of undefined

卡在那里:(

javascript npm reactjs wow.js

5
推荐指数
1
解决办法
2024
查看次数

Xcode Cloud 突然无法链接节点和安装依赖项

我一直在试图找出为什么这个 xcode 云自定义脚本昨天突然开始对我失败,因为我没有更改任何内容并且它之前一直在工作:

#!/bin/sh

export HOMEBREW_NO_INSTALL_CLEANUP=TRUE
brew install cocoapods
# have to add node yourself
brew install node@16
# link it to the path
brew link node@16

brew install yarn

# Install dependencies you manage with CocoaPods.
yarn
pod install
# the sed command from RN cant find the file... so we have to run it ourselves
sed -i -e  $'s/ && (__IPHONE_OS_VERSION_MIN_REQUIRED < __IPHONE_10_0)//' /Volumes/workspace/repository/ios/Pods/RCT-Folly/folly/portability/Time.h
Run Code Online (Sandbox Code Playgroud)

由于某种原因,它开始失败并出现以下错误:

==> Installing node@16 dependency: brotli

==> Pouring brotli--1.0.9.monterey.bottle.tar.gz

Error: The `brew link` step …
Run Code Online (Sandbox Code Playgroud)

homebrew node.js react-native xcode-cloud

5
推荐指数
1
解决办法
1319
查看次数

更改 Service Worker 的名称?

我试图找出如果我有叫活动网站注册的服务人员会发生什么sw.js,然后我的服务人员重命名为service-worker.js。现在旧的没有找到,但它仍然显示旧的缓存版本。

注册新重命名的 Service Worker 需要多长时间,或者它是如何工作的?

编辑

这就是我在反应应用程序中注册服务工作者的方式:

componentDidMount() {
  if ("serviceWorker" in navigator) {
    navigator.serviceWorker
      .register("/service-worker.js")
      .then(registration => {
        console.log("service worker registration successful: ", registration);
      })
      .catch(err => {
        console.warn("service worker registration failed", err.message);
      });
  }
}
Run Code Online (Sandbox Code Playgroud)

javascript reactjs service-worker progressive-web-apps

4
推荐指数
2
解决办法
2227
查看次数

使用internetbs的github自定义域

我正在尝试为我的域配置dns以在github中定位我的一个页面

我目前正在使用https://internetbs.net进行域名,但我似乎无法正确配置它.

我试着寻找解决方案,但没有运气.

subdomain dns github github-pages

3
推荐指数
1
解决办法
342
查看次数