小编Mih*_*hir的帖子

static propTypes Vs React.PropTypes

在完全阅读之前请不要关闭此问题.这听起来像是一个可以主要由一个人的意见回答的问题.但为什么PropTypes有两种实现方式?哪一个更受欢迎?

一种方法是使用static关键字并定义我们的propTypes.

class App extends React.Component {
  static propTypes = {
    ...
  }
}
Run Code Online (Sandbox Code Playgroud)

另一种方法是做这样的事情:

class App extends React.Component {
  ...
}

App.propTypes = {
  ...
}
Run Code Online (Sandbox Code Playgroud)

propTypes如果我们static在构建应用程序进行生产时使用关键字,我们是否可以删除?因为propTypes鼓励删除以提高性能.

javascript reactjs

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

Auth0:如何在托管登录页面中启用静默身份验证?

我正在使用 Auth0 的托管屏幕。我希望以下场景起作用-

  • 假设我有 2 个应用程序 - app1 和 app2。
  • 通过在 app1 中提供电子邮件+密码登录的用户之一。
  • 然后用户导航到 app2。
  • Auth0 检测到用户已经登录,因此它将用户重定向回 app2,而无需再次登录。

但我面对的是这个画面——

Auth0 锁屏

我怎样才能保存我的用户这个额外的点击?如何实现静默身份验证?我知道你要传递prompt=none/authorizeAPI,但是因为我没有手动调用API,如何让我的锁通话/authorizeprompt=none

oauth single-sign-on oauth-2.0 auth0

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

如何在React中使用语义UI模块?

我似乎无法在React组件中使语义ui正常工作。jQuery正常运行。但是语义手风琴不响应click事件。

import React, { Component } from 'react'
import 'semantic-ui/dist/semantic.min.css'

import $ from 'jquery'
import jQuery  from 'jquery'
window.jQuery = jQuery
import 'semantic-ui/dist/semantic.min.js'

export default class App extends Component{
  render(){
    return(
      <div>
        <h1>Hello, React!</h1>
          <div className="ui slider checkbox">
            <input type="checkbox" name="newsletter" />
            <label>Accept terms and conditions</label>
          </div>
          <div className="ui styled accordion">
  <div className="active title">
    <i className="dropdown icon"></i>
    What is a dog?
  </div>
  <div className="active content">
    <p>A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it …
Run Code Online (Sandbox Code Playgroud)

jquery reactjs semantic-ui webpack

0
推荐指数
2
解决办法
2638
查看次数