小编Max*_*x T的帖子

我试图显示当前年份的页脚并试图弄清楚如何获得当前年份的React方式？有没有办法使用新的Date().getFullYear()？

我正在尝试设置电子邮件不正确的错误.当我检查字符串是否为空时,表单会提示正确的消息.但是,当我检查电子邮件是否与正则表达式匹配时,它不起作用.有任何想法吗？

import React, { Component } from 'react';
import { Link } from 'react-router';
// Our custom input component, which uses label, id and tabIndex properties
var MyInput = React.createClass({
  render: function() {

    // Get the error message by calling a function, passed to this
    // component through getError property
    var errorMessage = this.props.getError(this.props.id);

    return (
        <fieldset className={"form-fieldset ui-input first " + (errorMessage ?    "erroneous" : "")}>
            <input type="text" name={this.props.id} id={this.props.id} tabIndex={this.props.tabIndex} />
            <label htmlFor={this.props.id}>
              <span data-text={this.props.label}>{this.props.label}</span>
            </label>
            <span className="error">{errorMessage …

我需要为表单使用第三方嵌入代码。我试图在一个组件中返回它，但它显然不起作用。我该如何设置这个？

class Form extends Component {

  render() {

    return (
      <div>
        <div id="apply_form">
          <a name="form" id="formAnchor"></a>
          <script type="text/javascript" src="https://fs22.formsite.com/include/form/embedManager.js?1605047845"></script>
          <script type="text/javascript">
          EmbedManager.embed({
            key: "key",
            width: "100%",
            mobileResponsive: true
          });
          </script>
        </div>
      </div>
    );
  }
}

export default Form;

我创建了这个方法来获取计算器输入的状态并检查它是否为空。我需要两件事的帮助：

• 在此处添加验证以检查每个输入是否也是数字和输出以及错误“输入必须是数字”的最简洁方法是什么？

• 目前我有一条错误消息，无论是否存在所有输入都会触发，我想要的是它分别验证每个输入并在每个输入下触发一个错误。我该怎么做，但仍然保持这个功能简洁？

         constructor(props) {
          super(props);
          this.state = {
              price: 0,
              downP: 0,
              term: 0,
              interest: 0,
              error: ''
          };
      }
  
   handleValidation = () => {
                  const {
                      price,
                      downP,
                      loan,
                      interest,
                  } = this.state;
                  let error = '';
                  let formIsValid = true;
                      if(!price || 
                          !downP ||
                          !loan ||
                          !interest){
                          formIsValid = false;
                          error = "Input fields cannot be empty";
                      } 
  
         this.setState({error: error});
        return formIsValid;
      }
  

  Run Code Online (Sandbox Code Playgroud)

  然后这是错误信息

       <span style={{color: "red"}}>{this.state.error}</span>
  

  Run Code Online (Sandbox Code Playgroud)

我有这个 facebook SVG 图标，我需要能够更改圆圈颜色和内部颜色（图标本身）。如何将其从透明更改为白色？

我拥有的 我需要的

SVG代码：

    <?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<div id="facebook">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="49.652px" height="49.652px" viewBox="0 0 49.652 49.652" style="enable-background:new 0 0 49.652 49.652;"
     xml:space="preserve">
<g>
    <g>
        <path d="M24.826,0C11.137,0,0,11.137,0,24.826c0,13.688,11.137,24.826,24.826,24.826c13.688,0,24.826-11.138,24.826-24.826
            C49.652,11.137,38.516,0,24.826,0z M31,25.7h-4.039c0,6.453,0,14.396,0,14.396h-5.985c0,0,0-7.866,0-14.396h-2.845v-5.088h2.845
            v-3.291c0-2.357,1.12-6.04,6.04-6.04l4.435,0.017v4.939c0,0-2.695,0-3.219,0c-0.524,0-1.269,0.262-1.269,1.386v2.99h4.56L31,25.7z
            "/>
    </g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g> …

Calendly提供此嵌入代码，该代码将添加到页面并显示日历选项供您选择。

<div class="calendly-inline-widget" data-url="https://calendly.com/username" style="min-width:320px;height:580px;"></div>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js"></script>

我不知道将这些代码嵌入组件的方法。这样做的最好方法是什么？

import React, { Component} from "react";

class Calendly extends Component {
  ComponentDidMount( )

  render(){
    return (
      <div>
        <div id="schedule_form">

        </div>
      </div>
    );
  }
};

export default Calendly;