众所周知,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) 我有一个用 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) 在 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) 我想在 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)
我最近更新了我的 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
javascript ×3
reactjs ×3
laravel ×2
next.js ×2
php ×2
datepicker ×1
jquery ×1
laravel-8 ×1
laravel-9 ×1
next-router ×1
php-carbon ×1