小编D M*_*D M的帖子

我有一个用作链接的自举卡.

试着用它来<a>改变所有的造型风格.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

  <div class="card" style="width: 15rem; display: inline-block">
    <img class="card-img-top" src="https://placeholdit.imgix.net/~text?txtsize=33&txt=318%C3%97180&w=318&h=180" alt="Card image cap">
    <div class="card-body">
      <h5 class="card-title">Normal card</h5>
      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    </div>
  </div>

<a href="">
  <div class="card" style="width: 15rem; display: inline-block">
    <img class="card-img-top" src="https://placeholdit.imgix.net/~text?txtsize=33&txt=318%C3%97180&w=318&h=180" alt="Card image cap">
    <div class="card-body">
      <h5 class="card-title">Wrapped with a tag</h5>
      <p class="card-text">Some quick example text to build on the card title and make …

我有以下内容:

let objA = {varA,varB};
let objB = {varC, varD};

我想将varA,varB,varC,varD传递给我的组件,但不是一个接一个,因为objA和objB中的变量数量应该是未知的.

我在反应文档中读到,这可以通过扩展运算符实现:

let bothObjects = {...arrA, ...arrB};
<Component {...bothObjects} />

但是没有第三个对象可以吗？

这有效:

<Component {...objA} {...objB} />

但我不确定它是否正确...这也有效:

<Component {...{...objA,...objB}} />

但它看起来很有趣,我不完全理解这一点.

但是,这不起作用:

<Component {...objA, ...objB} />

而且我不确定为什么......因为它在我上面初始化'bothObjects'时起作用了......它也让我觉得这是直观地做到这一点的正确方法.

我错在哪里？

我有以下反应代码：

render() {
  const str = 'Line 1. **new-line** Line 2.';
  return (
    <p> {str} </p>
  );
}

我希望输出是：

Line 1.
Line 2.

那就是 - 在单词之间添加一个新行。我试过了，\n但它不起作用。

这怎么可能实现？

编辑：字符串是从服务器接收的。

我在 Bootstrap 4 中有以下代码。有一个右边的项目和几个位于左边的项目：

---------------------------------------------------------------------
| item 1 item 2 item 3                                   Right item |
---------------------------------------------------------------------

当屏幕变得太小时，我希望它们是这样的：

---------------------------------------------
|            item 1 item 2 item 3           |
|                 Right item                |
---------------------------------------------

这几乎就是正在发生的事情......但我得到了：

---------------------------------------------
| item 1 item 2 item 3                       |
| Right item                                 |
---------------------------------------------

这是小提琴：https : //jsfiddle.net/gax5n8qa/3/

我应该如何实现这一目标？

我有一个注册表,其中包括:

• 用户名
• 密码
• 密码验证

用户必须在两个字段中输入相同的密码,否则密码验证下方应显示错误消息:"密码不匹配"

我正在使用Redux-Form,并围绕如何创建此验证.

我正在尝试使用字段级验证:字段级验证

我还从redux获取密码值:

const selector = formValueSelector('register');
const mapStateToProps = state => {
  return {
    password: selector(state, 'Password')
  };
};

所以,我写了以下验证函数:

  const matchPasswords = pass1 =>pass2 => 
  pass1  !== pass2 ? 'Passwords don't match' : undefined;

我将其传递给验证字段,如下所示:

 <Field
   name="username"
   type="text"
   component={renderField}
   label="Username"
   validate={[matchPasswords(this.props.password]}
 />

但它不起作用.有什么建议？

我有一个使用 reactstrap 的导航栏，并希望合并 react-router。在尝试失败后，我在这里找到了解决方案。

但是我不明白语法：

我有一个<NavLink>来自 React-Router 和一个来自 Reactstrap 的导航栏。

而不是将 Reactstrap 包装在 React-Router 中（这会引发警告）：

 <NavLink to="/">
   <NavbarBrand className="mx-auto" to="/" tag={ NavLink }>
      My Site
   </NavbarBrand>
 </NavLink>

这是语法：

   <NavbarBrand className="mx-auto" to="/" tag={ NavLink }>
      My Site
   </NavbarBrand>

什么是标签属性？它有什么作用？

谢谢大家！

我希望有一个看起来像纯文本的链接,除了光标,尽可能少使用css.

问题:<a>有一种蓝色(悬停时会变暗),并且在悬停时也有下划线.我希望它看起来像纯文本(黑色没有下划线).

通过使用Bootstrap类"text-dark",我设法摆脱了蓝色.但是如何在不编写CSS的情况下摆脱下划线(文本修饰)？

.no-underline:hover {
  text-decoration: none;
  
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">


<span>Standard text</sapn>
<hr>
<a href="#">Standard a tag. Different colors and underline on hover</a>
<hr>
<a href="#" class="text-dark">a tag with text-dark class. Note underline on hover</a>
<hr>
<a href="#" class="text-dark no-underline">a tag with text-dark class and css to disable underline on hover</a>

我有一个带有免费帐户的Heroku应用。我在Cloudflare中也有一个免费帐户。

我正在尝试使用完全SSL连接来连接它们。在cloudflare中，我看到以下状态：

但是，我无法通过安全连接访问我的网站。我收到错误525：

我认为问题出在Heroku中的设置上，但我在网上找不到太多信息...

有什么建议么？

我有一个带导航栏的页面.我想在页面中添加响应式背景图像(而不是导航栏).

如果我将页面设置为100%高度,则会使用滚动条溢出页面.

该如何实现？我不知道.

.bg { 
    /* The image used */
    background-image: url("http://via.placeholder.com/350x150");


    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Features</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Pricing</a>
      </li>
      <li class="nav-item">
        <a …

我有以下关于 Reactstrap中工具提示的代码示例：

constructor(props) {
  super(props);
  this.state = {
    tooltipOpen: true
  };
}
.
.
.
render() {
  return (
    <div>
      <p>Somewhere in here is a <a href="#" id="TooltipExample">tooltip</a>.</p>
      <Tooltip 
        placement="right" 
        isOpen={this.state.tooltipOpen} 
        target="TooltipExample" 
        toggle={this.toggle}>
        Hello world!
      </Tooltip>
    </div>
  ) 
}

我收到以下错误：

错误：在dom中无法识别目标“ TooltipExample”，提示：检查拼写

如果初始状态为，则一切正常tooltipOpen: false。但是我希望工具提示在用户加载页面时出现...

我该怎么办？

new 运算符的签名是：

void* operator new(size_t count)

“operator”和“new”之间有一个空格。这是：

1. 与所有其他运算符签名不同（除了 new、delete 及其对应的数组）。例如：

   T& operator=(const T& other)

2. 不符合 C++ 不允许空格的函数名规则。

在这种情况下，我假设“operator”是一个关键字......但如果这是正确的，为什么在所有其他运算符函数签名中不是这种情况？

是否有不一致的解释？