小编A.R*_*EIF的帖子

如何在 ASP.NET MVC 中调用方法 例如，在一个方法中，调出出生的人的列表并向他们发送祝贺消息。

我需要实现一个搜索按钮来搜索输入的值。我知道如何向按钮添加 onClick listener（这是名称吗？），以便它fires（是表达式？） 成为一个函数。

但在函数内，我不知道如何get输入值。

这是我得到的：

function App() {
  const [query, setQuery] = useState('')
  const [page, setPage] = useState(1)
  const { jobs, loading, error } = useFetchJobs(query, page)

  function handleSearch(e) {
    setQuery(???)
    setPage(1)
  }

  return (
    <Container className="my-4">
      <input type="text"></input>
      <button onClick={handleSearch}>search</button>    
    </Container>
  );
}

这是我尝试过的。我在google上找到的一行代码。我明白了Error: Function components cannot have string refs

function App() {
  function handleSearch(e) {

    setQuery(React.findDOMNode(this.refs.search).value.trim())
    setPage(1)
  }

  return (
    <Container className="my-4">
      <input type="text" ref="search" ></input>
      <button onClick={handleSearch}>search</button>
    </Container>
  );
}

Material-ui用+制作表格react。有没有办法将标签布局到输入字段的一侧？它更具可读性。

像这样：

name   [input]
title  [input]

而不是

name  
[input]
title 
[input]

我只能找到将标签和输入区域混合在一起的字段。我可以构建自己的组件或网格，但似乎这是一个应该存在的明显布局。

文档页面 https://material-ui.com/components/text-fields/

在受控输入的官方示例中，如果您修改输入的值，然后将其改回其初始值，isDirty则将设置为 true 但不会设置回 false 并dirtyField包含触摸字段。

在具有不受控制的输入的旧示例中，我们没有完全相同的行为。事实上，如果你修改一个 input 的值，然后将它改回它的初始值，isDirty仍然会是假的，但dirtyFields不会包含被触摸的字段。

isDirty当表单恢复到初始状态并且dirtyFields应该为空时，不应该设置回 false吗？

这是预期的行为吗？

控制器会破坏 formState 吗？

我正在尝试实现useHistory钩子react-router-dom，但它似乎不起作用。抛出无效的钩子调用

应用程序.js

import React, { Component } from 'react';
<...>
import { Signup } from './Signup.js';
import { Login } from './Login.js';
import { Account } from './Account.js';
import { AuthProvider } from './contexts/AuthContext.js';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';

class App extends Component {
    <...>

    render() {
        return(
            <>
               <...>
                <Router>
                    <AuthProvider>
                        <Switch>
                            <Route exact path="/" component={Signup} />
                            <Route path="/signup" component={Signup} />
                            <Route path="/login" component={Login} />
                            <Route path="/account" component={Account} />
                        </Switch> …

我有两页reactjs

pageOne.js：

import React from "react";
import { Link } from "react-router-dom";
import "./pageOne.css";
const PageOne = () => {
  return (
    <div>
      one
      <br />
      <Link to="/pageTwo">Two Page</Link>
    </div>
  );
};
export default PageOne;

pageTwo.js：

import React from "react";
import { Link } from "react-router-dom";
import "./pageTwo.css";
const PageTwo = () => {
  return (
    <div>
      two
      <br />
      <Link to="/">One Page</Link>
    </div>
  );
};
export default PageTwo;

我定义了两个 css 文件，用于在页面加载时更改背景颜色。

pageOne.css

body {
  background-color: whitesmoke !important;
} …