小编Alb*_*Gao的帖子

使用 styled-components 提供一个 css 类

我有一个 3rd 方库,它需要calendarClassName修改它的样式,它需要一个 CSS 类的传统类名。我可以使用样式组件来完成此任务吗?

我尝试了css函数,但它不起作用,结果是样式数组而不是 CSS 类实体。

只想做这样的事情:

const myStyle = css`color: black`;

<DatePicker calendarClassName={myStyle}> // won't work
Run Code Online (Sandbox Code Playgroud)

尝试attrs没有任何运气,className 没有传递给 DatePicker。

const calendarClassName = "calendar";
export const MyDatePicker = styled(DatePicker).attrs({
  calendarClassName,
})`
  .${calendarClassName} {
    border-radius: 0px;
    box-shadow: 2px 0px 2.5px #D6D6D6;
    border: 1px solid ${color.pacific};
  }
`;
Run Code Online (Sandbox Code Playgroud)

我知道我可以直接使用 CSS,但我只想知道如何使用 CSSstyled-components来完成这项工作。

谢谢 :)

styled-components

10
推荐指数
2
解决办法
7939
查看次数

如何通过Owin OAuthBearerAuthentication验证访问令牌?

我想要的是:

  1. 令牌生成器使用OAuthAuthorizationServer和令牌使用者使用OAuthBearerAuthentication(验证访问令牌).
  2. 使用OWIN管道来管理所有东西,令牌东西和web api的东西.

代码怎么样:

public void Configuration(IAppBuilder app)
{
    app.UseOAuthAuthorizationServer(new OAuthAuthorizationServerOptions
    {
        AuthorizeEndpointPath = "/Authorize",
        AllowInsecureHttp = true,
        Provider = new OAuthAuthorizationServerProvider 
        {
            OnGrantCustomExtension = GrantCustomExtension,
            OnValidateClientRedirectUri = ValidateClientRedirectUri,
            OnValidateClientAuthentication = ValidateClientAuthentication,
        }
    });

    app.UseOAuthBearerAuthentication(new OAuthBearerAuthenticationOptions
    {
        Provider = new OAuthBearerAuthenticationProvider 
        { 
            //Handles applying the authentication challenge to the response message.
            ApplyChallenge=MyApplyChallenge,

            //Handles processing OAuth bearer token.
            RequestToken=MyRequestToken,

            //Handles validating the identity produced from an OAuth bearer token.
            ValidateIdentity = MyValidateIdentity,
        }
    });

    app.UseWebApi(new WebApplication3.Config.MyWebApiConfiguration());
}
Run Code Online (Sandbox Code Playgroud)

问题是什么:

  1. 的3个属性OAuthBearerAuthenticationProvider …

asp.net oauth-2.0 asp.net-web-api owin

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

为什么在构造函数中直接创建ES6类的实例时,Jest的toThrow不起作用?

class TestObject {
  constructor(value) {
    if (value === null || value === undefined) {
      throw new Error('Expect a value!');
    }
  }
}

describe('test the constructor', () => {
  test('it works', () => {
    expect(() => {
      new TestObject();
    }).toThrow();
  });

  test('not work', () => {
    expect(new TestObject()).toThrow();
  });
});
Run Code Online (Sandbox Code Playgroud)

2这里的测试用例,一个工作,另一个不工作.

该消息的失败消息not work如下:

●测试构造函数>不工作

期待一个价值!

 at new TestObject (tests/client/utils/aaa.test.js:4:11)
 at Object.<anonymous> (tests/client/utils/aaa.test.js:17:12)
     at Promise (<anonymous>)
     at <anonymous>
 at process._tickCallback (internal/process/next_tick.js:188:7)
Run Code Online (Sandbox Code Playgroud)

为什么我需要在函数调用中包装该调用,当函数只返回一个普通值,甚至是一个promise时,我们不需要包装,我们可以用它async/await来检查expect()而不是在里面创建一个函数expect().

这里发生了什么?

javascript ecmascript-6 jest es6-class

8
推荐指数
1
解决办法
1459
查看次数

2 ways of accessing value of an array of pointers in C

The first block

#include <stdio.h>

const int MAX = 3;

int main() {

    int  var[] = { 10, 100, 200 };
    int i, *ptr[MAX];

    for (i = 0; i < MAX; i++) {
        ptr[i] = &var[i]; /* assign the address of integer. */
    }

    for (i = 0; i < MAX; i++) {
        printf("Value of var[%d] = %d\n", i, *ptr[i]);
    }

    return 0;
}
Run Code Online (Sandbox Code Playgroud)

Easy to understand, since ptr is an array of int pointers. So when you need to …

c arrays printf pointers format-specifiers

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

如何在TargetNullValue属性中绑定Localized字符串?

我有一个Textblock,Text属性绑定到DateTime?类型数据,我想在DateTime时显示一些东西?数据为空.
下面的代码效果很好.

  < TextBlock Text="{Binding DueDate, TargetNullValue='wow,It's null'}"/>
Run Code Online (Sandbox Code Playgroud)

但是,如果我想将Localizedstring绑定到TargetNullValue呢?
下面的代码不起作用:(
怎么样?

  < TextBlock Text="{Binding DueDate, TargetNullValue={Binding LocalStrings.bt_help_Title1, Source={StaticResource LocalizedResources}} }"/>
Run Code Online (Sandbox Code Playgroud)

silverlight xaml windows-phone-7

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

如何在Visual Studio 2010中恢复损坏的.csproj文件?

我的电脑
Windows 8预览
适用于Windows Phone的Visual Studio 2010 Express

我的应用程序位于
解决方案A
项目B中

故事
当我键入代码时屏幕冻结我
关闭电脑然后重启
当我在VS2010中加载sln为wp
VS2010说

"解决方案A(0个项目)
项目B(不可用)
无法加载项目文件

所以我试图在VS2010中"编辑B.csproj",它显示错误

B.csproj:错误:无法读取项目文件'B.csproj'.
B.csproj:无法加载项目文件.根元素缺失.

帮助
如何正确打开我的解决方案?:(

c# visual-studio-2010

6
推荐指数
2
解决办法
5万
查看次数

为什么我的全局变量在本地声明之前被遮蔽了?

x = 1; 
alert(x); 
var y = function() { 
    alert(x); 
    var x = 2; 
    alert(x); 
} 
y(); 
Run Code Online (Sandbox Code Playgroud)

3个警报的结果为:1,undefined,2(铬25)

我的问题是:为什么第二个警报未定义?为什么不是1?是不是有全局变量x?

javascript variables global-variables

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

为什么ArrayDeque类在pollFirst方法中使用按位运算?

我通过java源代码看看尝试学习集合的实现.在ArrayDeque类中发现了一件有趣的事情.

public E pollFirst() {
    int h = head;
    @SuppressWarnings("unchecked")
    E result = (E) elements[h];
    // Element is null if deque empty
    if (result == null)
        return null;
    elements[h] = null;     // Must null out slot
    head = (h + 1) & (elements.length - 1);
    return result;
}

public E pollLast() {
    int t = (tail - 1) & (elements.length - 1);
    @SuppressWarnings("unchecked")
    E result = (E) elements[t];
    if (result == null)
        return null;
    elements[t] = null;
    tail = t; …
Run Code Online (Sandbox Code Playgroud)

java collections bitwise-operators bitwise-and arraydeque

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

如何在Java中干掉这些代码块?

呼叫者:

switch (type){
            case "creature":
                Creature returnActor2 = getNextCreature();
                boolean isEat2 = actOnNearby(getRightChromosome(Config.HardCode.creature), returnActor2.getLocation());
                if (isEat2) {
                    actOnCreature(returnActor2);
                }
                break;
            case "monster":
                Monster returnActor3 = getNextMonster();
                boolean isEat3 = actOnNearby(getRightChromosome(Config.HardCode.monster), returnActor3.getLocation());
                if (isEat3) {
                    actOnMonster(returnActor3);
                }
                break;
}
Run Code Online (Sandbox Code Playgroud)

它将调用以下两种方法:

    private Monster getNextMonster() {
        ArrayList<Actor> nearbyActors = getActors();
        Monster mine = new Monster();
        for (Actor a : nearbyActors) {
            if (a instanceof Monster) {
                mine = (Monster) a;
            }
        }
        return mine;
    }


private Creature getNextCreature() {
    ArrayList<Actor> nearbyActors = getActors(); …
Run Code Online (Sandbox Code Playgroud)

java oop types class object

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

打字稿中的命名空间和模块混乱?

Typescript的官方网站让我问一个问题,“我们是否需要使用名称空间?”。

以下引用很好地解释了两件事:

请务必注意,在TypeScript 1.5中,术语已更改。“内部模块”现在是“命名空间”。为了与ECMAScript 2015的术语保持一致,“外部模块”现在仅是“模块”(即模块X {等同于现在首选的命名空间X {)。

因此,他们建议TS团队更喜欢命名空间。此外,它说我们应该使用“命名空间”来构造内部模块:

这篇文章概述了使用TypeScript中的名称空间(以前称为“内部模块”)组织代码的各种方法。正如我们在有关术语的注释中提到的那样,“内部模块”现在称为“命名空间”。另外,在声明内部模块时,在使用module关键字的任何地方,可以并且应该改用namespace关键字。这样可以避免给新用户添加名称相似的术语,从而使他们感到困惑。

上面的引文全部来自“命名空间”部分,是的,它再次说了,但是是内部的。
但在模块部分的一段中说:

从ECMAScript 2015开始,模块是语言的本机部分,并且所有兼容引擎实现均应支持该模块。因此,对于新项目,模块将是推荐的代码组织机制。

这是否意味着我不需要打扰命名空间,始终使用模块是建议的开发方式?

theory namespaces module typescript

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