时间戳

首页 > 解决方案 > 检查字符串的第一个字母是否为大写

reactjs - 检查字符串的第一个字母是否为大写

问题描述

我正在尝试检查字符串的第一个字母是否为大写。

charAt() 对我不起作用，如果您有其他解决方案来检查第一个字母是否为大写，我将不胜感激。

我试过这样检查 -this.state.firstName[0] === this.state.firstName[0].toUpperCase()但它也对我不起作用


class Profile extends Component {
  state = {
    details: {
      firstName: '',
      lastName: '',
      ID: '',
      Email: ''
    }
  };

  OnSubmit = e => {
    e.preventDefault();
    if (
      this.state.firstName.charAt(0) ===
      this.state.firstName.charAt(0).toUpperCase()
    ) {
      console.log('error');
    }
  };

  OnChange = e => {
    e.preventDefault();
    this.setState({
      details: { ...this.state.details, [e.target.name]: e.target.value }
    });
  };

  render() {
    return (
      <div>
        <div className="container text-center mt-4" style={{ width: '500px' }}>
          <form className="px-4 py-3" onSubmit={this.OnSubmit}>
            <div className="form-group">
              <label>First Name:</label>
              <input
                type="text"
                className="form-control"
                onChange={this.OnChange}
                name="firstName"
              />
            </div>
            <div className="form-group">
              <label>Last Name:</label>
              <input
                type="text"
                className="form-control"
                onChange={this.OnChange}
                name="lastName"
              />
            </div>
            <div className="form-group">
              <label>ID Number:</label>
              <input
                type="text"
                className="form-control"
                onChange={this.OnChange}
                name="ID"
              />
            </div>
            <div className="form-group">
              <label>Email:</label>
              <input
                type="text"
                className="form-control"
                onChange={this.OnChange}
                name="Email"
              />
            </div>
            <button type="submit" className="btn btn-secondary mt-3">
              Check
            </button>
          </form>
        </div>
      </div>
    );
  }
}

export default Profile;

charAt() 给我错误 - “未捕获的类型错误：无法读取未定义的属性 'charAt'”

标签： reactjs

解决方案

检查字符串中的第一个字母是否为大写的简单方法。检查下面的演示

import React, { Component } from 'react';
import { render } from 'react-dom';
import Hello from './Hello';
import './style.css';

class App extends Component {
  constructor() {
    super();
    this.state = {
      name: 'React'
    };
  }

  componentWillMount()
  {
    if (this.state.name[0] >= 'A' && this.state.name[0] <= 'Z')
      this.setState({ name: "First letter is uppercase" })
    else
      this.setState({ name: "First letter is NOT uppercase" })
  }

  render() {
    return (
      <div>
        <p>
          {this.state.name}
        </p>
      </div>
    );
  }
}

render(<App />, document.getElementById('root'));

演示

推荐阅读