小编Muh*_*ais的帖子

如何在 Next JS 中使用一个组件(页面)进行多条路由

众所周知,Next JS 没有任何路由,我正在尝试在 next JS 中构建一个 Web 应用程序,其中我必须对多个路由使用相同的组件,而无需复制粘贴到不同的目录。

目录结构:

src
    pages
        new (AddListComponent)
        edit-[id] (AddListComponent)
Run Code Online (Sandbox Code Playgroud)

添加列表组件

import React from 'react'
import { withRouter } from 'next/router'

class Listing extends React.Component {
    constructor(props){
        super(props)
        this.state = {
        }
    }
    render () {
        return (
            <div>This is my new component</div>
        )
    }
}
export default withRouter(Listing)
Run Code Online (Sandbox Code Playgroud)

javascript reactjs next.js

17
推荐指数
2
解决办法
2万
查看次数

与 React Router 相比,NextJs router 似乎非常慢

我有一个用 React Js 构建的网站,也在 Next Js 上构建了相同的网站。

我现在面临的问题是,与react-router-dom相比,nextJs中的路由器似乎非常慢,更改路由大约需要2-3秒。

以下是您可以通过浏览不同页面来感受性能差异的 URL。

https://cutt.ly/mhbPkOE (React Router Dom) 与 https://cutt.ly/BhbPvHv (NextJs)

我在 Github 上读到了一些评论,其中很少有专家说它将在生产中解决。但在生产中看起来也一样。

请看下面的代码

_app.jsx

// import App from 'next/app'
import React from "react"
import Router from 'next/router';

import "../static/sass/application.scss";

import "bootstrap/dist/css/bootstrap.min.css";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
import 'semantic-ui-css/semantic.min.css'
import { wrapper } from "../../redux/utils/store"

import App from 'next/app';
// A simple component that we created
import {LoaderOverlay} from '../components/Reusable'
class MyApp extends App {
    constructor(props){
        super(props)
        this.state = {
            isLoading: false,
        }
        Router.onRouteChangeStart …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs next.js next-router

16
推荐指数
2
解决办法
2万
查看次数

方法 Laravel\Passport\Guards\TokenGuard::attempt 不存在

在 Laravel 9 中,我尝试使用自定义防护来访问登录 API client,但出现以下错误。请帮忙。

BadMethodCallException: Method Laravel\Passport\Guards\TokenGuard::attempt does not exist.
Run Code Online (Sandbox Code Playgroud)

配置/Auth.php

    'guards' => [
        ...
        'client' => [
            'driver' => 'passport',
            'provider' => 'client',
        ],
    ],

    'providers' => [
        ...
        'client' => [
            'driver' => 'eloquent',
            'model' => App\Models\Client::class,
        ],
    ],
Run Code Online (Sandbox Code Playgroud)

错误行: if(!$authGuard->attempt($login)){

api/AuthController.php

public function login(Request $request){
        $login = $request->validate([
            'email' => 'required|string',
            'password' => 'required|string',
        ]);
        try {
            $authGuard = Auth::guard('client');
            if(!$authGuard->attempt($login)){
                $data = 'Invalid Login Credentials';
                $code = 401;
            } else {
                $user = …
Run Code Online (Sandbox Code Playgroud)

php laravel laravel-passport laravel-9

6
推荐指数
1
解决办法
6484
查看次数

如何使用react js JSX在下拉列表中创建年份列表

我想在 react JSX 中创建一个年份列表

我有 Jquery 的代码,请看下面。

var minOffset = 0, maxOffset = 60; // Change to whatever you want
var thisYear = (new Date()).getFullYear();
var select = $('<select>');

for (var i = minOffset; i <= maxOffset; i++) {
    var year = thisYear - i;
    $('<option>', {value: year, text: year}).appendTo(select);
}

select.appendTo('body');
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/DhpBg/739/

javascript jquery datepicker reactjs react-datepicker

4
推荐指数
1
解决办法
1万
查看次数

Laravel 8:保存记录时错误调用未定义的方法 DateTime::set()

我最近更新了我的 laravel 8,似乎 Carbon 或日期请求无法正常工作我在保存带有日期时间的记录时收到以下错误

exception: "Error"
file:     "/../vendor/laravel/framework/src/Illuminate/Database/Eloquent/Concerns/HasAttributes.php"
line: 848
message: "Call to undefined method DateTime::set()"
Run Code Online (Sandbox Code Playgroud)

控制器

$startDate = $request->start_date_time;
$events->start_date_time = Carbon::parse($startDate);
Run Code Online (Sandbox Code Playgroud)

解析字符串: 2021-07-14T07:43:27.498Z

版本

PHP 7.4.21、Laravel 8

php laravel php-carbon laravel-8

1
推荐指数
1
解决办法
2232
查看次数