小编Bri*_*son的帖子

这应该很简单，但由于某种原因，我无法弄清楚如何更改 TextField 上的边框颜色

<TextField style={{ borderColor: 'white', width: '100px' }} variant="outlined" />

它基本上只是从文档中复制出来的，轮廓上是白色的，所以我无法弄清楚到底是什么把它搞砸了。

我试图在 jsfiddle 或其他东西上重现，但找不到可以让我导入 TextField 模块的

我正在尝试使用引导程序构建一个反应应用程序，该应用程序将展示类似于 CCC 的卡片显示为连续 3 行，并且有 3 行，但我收到此错误：

解析错误：相邻的 JSX 元素必须包含在封闭标记中。你想要一个 JSX 片段 <>...？

这是代码：

import React from 'react';
import './App.css';
import "bootstrap/dist/css/bootstrap.min.css";
import { Card } from "react-bootstrap";
import { Button } from "react-bootstrap";

function App() {
  return (
    <Card>
      <Card.Img variant="top"
        src="holder.js/100px160" />
      <Card.Body>
        <Card.Title>Card title</Card.Title>
        <Card.Text>
          This is a wider card with supporting text below as a natural lead - in to
        additional content.This content is a little bit longer.
        </Card.Text>
      </Card.Body>
    </Card>
    <Card>
      <Card.Img variant="top" src="holder.js/100px160" /> …

所以我遇到了一个问题，当点击链接时，URL 正在改变，但视图保持不变，直到我刷新页面。

我研究了许多解决方案，唯一有效的方法是强制重新加载我不想要的页面，因为 React 是一个 SPA（单页应用程序）。我已经尝试过 history.push() 和 Link ，但输出保持不变。如果您需要查看其他文件，这是我的仓库。

应用程序.js

import React from 'react';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';

import Header from './components/header/header.component';

import HomePage from './pages/homepage/homepage.component';
import Details  from './pages/detail/detail.component';

import './App.scss';

const App = () => (
    <Router>
        <Header />
        <Switch>
            <Route exact path="/" component={HomePage} />
            <Route path="/:name" component={Details}/>
        </Switch>
    </Router>
);

细节组件

import React from 'react';

import LinkButton from '../../components/link-button/link-button.component';

import './detail.style.scss';

class Details extends React.Component {
    constructor(props) { …

您好，感谢您的帮助，在反应中使用以下代码，我想在每次单击按钮时复制单击按钮。目前没有任何反应，但如果控制台显示数组增长。这里是沙箱：

https://codesandbox.io/s/charming-glitter-0ntxmj?file=/src/App.js

const { useEffect, useState } = React;

function App() {
  const btn = [
    <button
      onClick={() => {
        btn.push(btn[0]);
        console.log(btn);
      }}
    >
      Click
    </button>
  ];

  /*  useEffect(()=>{
btn
  },[btn])*/

  return (
    <div className="App">
      <div>
        {btn.map((e) => {
          return e;
        })}
      </div>
    </div>
  );
}

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.4/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.4/umd/react-dom.production.min.js"></script>
<div id="root"></div>

我有以下模式的字符串：12345ABCDE6789其中每组数字和字母的长度都是可变的。永远只有数字和字母，没有特殊字符。

我需要一种方法来获取数字直到第一个字母，以便上面的示例将返回12345.

我的想法是我可以找到第一个字母的字符串位置，然后将字符串修剪到该位置。但是我无法弄清楚如何在不知道角色是什么的情况下获得该索引。我发现的其他解决方案已经知道第一个字母是“A”，而我​​的可以是任何字母。

有没有一种简洁的方法来做到这一点？

我对正则表达式没有太多经验，但也许有更好的解决方案来解决这个问题？