小编jes*_*ica的帖子

这是显示第一次加载的图像

几微秒之后，一切都很好，例如设计、JavaScript、图像等......

这是我的 webpack.config.js：

const path = require('path');
const webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {
    mode: 'development',

    entry: './src/index.js',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
    },

    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: "babel-loader"
                }
            },
            {
                test: /\.html$/,
                use: [
                    {
                        loader: 'html-loader',
                        options: { minimize: true }
                    }
                ]
            },
            {
                test: /\.(scss|css)$/,
                use: [
                    {
                        // Adds CSS to the DOM by injecting …

我正在开发 WP 主题，并偶然发现了一个我无法在此处描述的特定任务，但我确信如果我在这里显示一些屏幕截图，那么您可以理解该问题。

首先请看下图的帖子div结构

这是 HTML 的实际设计，特别是 a 中的前 2 个帖子div和另一个中的第三个帖子，div如下图所示

如果您不能理解这一点，请发表评论。

问题是如何通过保持相同的结构和设计来动态循环？

下面是我的代码

<div class="row justify-content-center">
    <div class="col-xl-3 col-lg-6 col-md-6">
        <?php
        while($projects_array->have_posts()):
            $projects_array->the_post();

            $idd = get_the_ID();
            $terms = wp_get_post_terms(get_the_ID(), 'project_cat');

            $output = array();
            if ($terms) {
                $i = 1;
                foreach ($terms as $term) {
                    if($i == 1):
                        $output[] = '<span class="tag-'.$i.'">'.$term->name.'</span>';
                        $id[] = $term->term_id ;
                    endif;
                    $i++;
                }
            }

            if ( class_exists('ACF') && get_field('choose_link_type') == 1 ) {
                $post_link = get_the_permalink();
            } else …

I'm working on an app using Next.js with redux by following this example and here is some part of store.js

// REDUCERS
const authReducer = (state = null, action) => {
    switch (action.type){
        case actionTypes.FETCH_USER:
            return action.payload || false;
        default:
            return state;
    }
}

export const rootReducer = combineReducers({
    user: authReducer,
    form: reduxForm,
});

// ACTIONS
export const fetchUser = () => {
    return (dispatch) => {
        axios.get('/api/current_user')
            .then(res => dispatch({
                type: actionTypes.FETCH_USER, 
                payload: res.data
            }));
    };
};

export const …

当localStorage myCart数组发生任何变化时，如何立即更新购物车页面数据？下面是我的代码

const [cart, setCart] = React.useState([])

React.useEffect(() => {
    setCart(JSON.parse(localStorage.getItem('myCart')) || [])
}, [])

在cart被更新时，页面重新加载，但不是在新项目中添加或更新任何现有的项目！

我怎样才能做到这一点，cart如果对“localStorage”进行任何更改，它会立即更新？

提前致谢。

我不知道我是如何描述这个问题的,起初我想展示我的模型,它维持下面的关系

category.rb

class Category < ApplicationRecord
  has_many :job_categories, dependent: :destroy
  has_many :jobs, through: :job_categories
end

job.rb

class Job < ApplicationRecord
  has_many :job_categories, dependent: :destroy
  has_many :categories, through: :job_categories
end

job_category.rb

class JobCategory < ApplicationRecord
  belongs_to :category, counter_cache: :jobs_count
  belongs_to :job
end

schema.rb

create_table "categories", force: :cascade do |t|
  t.string "name"
  t.string "parent"
end

这parent是一个维护集团的列,Technology与此类似的ruby,rails,programming技术相关.

以下是我按类别显示的查询

Category.select(:id, :name, :parent).group_by{|p| p.parent}

它就像这样显示出来

技术

• 红宝石
• 轨道
• 等等

现在我想通过技术显示组中的所有作业,我对此有一个查询

Job.joins(:categories).where('lower(categories.parent) LIKE lower(?)', "%#{params[:parent]}%")

并且它显示错误的输出,就像我只有一个类别,ruby,rails然后这一个作业显示两次,一个用于ruby,一个用于rails. …

图像不是从用于背景的 CSS 文件加载的，而是在 jsx 中加载的

在 CSS 文件中，我使用如下

.main-banner {
  position: relative;
  height: 910px;
  z-index: 1;
  background: transparent url(../../static/images/banner-bg1.jpg) right top no-repeat;
}

图片网址绝对没问题

和这样的配置文件

//next.config.js
const withImages = require('next-images');
const withCSS = require('@zeit/next-css')

module.exports = withImages(withCSS({
    cssLoaderOptions: {
        url: false
    }
}))

实际上是什么问题？

谢谢

这是我的routes.rb

namespace :api do
    get 'suggestions/jobs', to: "suggestions#jobs"
end

我的控制器

class Api::SuggestionsController < ApplicationController
    def jobs
        @jobs = Job.job_title_search(params[:q])   #.select(:title, :label).distinct
        if @jobs.present?
            render json: @jobs, status: :ok
        else
            render json: "Not Found", status: :ok
        end
    end
end

和模型

def self.job_title_search(q)
    where('title LIKE ?', "%#{q}%").select(:title, :label).distinct
end

在开发环境中就像localhost:3000/api/suggestions/jobs?q=dev数据样本一样

[
    {"id":null,"title":"React Native Developer","label":"Top label job"},
    {"id":null,"title":"Android Developer","label":"Top label job"},
    {"id":null,"title":"Business Development Representative","label":"Mid label job"},
    {"id":null,"title":"Node.js Developer","label":"Top label job"}
]

这意味着它正在工作,但是当我推进Heroku时,就像example.herokuapp.com/api/suggestions/jobs?q=dev它正在显示

SyntaxError:JSON.parse:JSON数据的第1行第1列的意外字符

我知道代码是"Not Found"

render json: "Not Found", …