小编Kev*_*vin的帖子

反应:如果 `multiple` 为 false,则提供给 <select> 的 `value` 道具必须是一个标量值

我收到此警告:

Warning: The `value` prop supplied to <select> must be a scalar value if `multiple` is false. Check the render method of `Control`.

我正在使用 React Redux 表单https://davidkpiano.github.io/react-redux-form/docs/api/Control.html#prop-defaultValue

数据以对象数组的形式出现,以显示在选择选项元素内。我不想将控件变成倍数,因为我们只希望用户选择一个值。

我将如何解决此警告?

javascript reactjs react-redux-form

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

Swiperjs 与 React 中的事件

有没有办法在react中使用swiperjs的实例附加一个事件?我尝试使用下面的方法,但它无法识别slideChange的on事件。

import React, { useEffect, useRef } from 'react';
import Swiper from 'swiper';

const Slider = () => {
  const swiperReference = useRef(null);

  const params = {
    on: {
      slideChange: () => {
        console.log('swiper change');
      },
    },
  };

  useEffect(() => {
    swiperReference.current = new Swiper('.swiper-container', params);
  }, []);

  return (

<div class="swiper-container">
    <div class="swiper-wrapper">
        <!-- Slides -->
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
    </div>
    <div class="swiper-pagination"></div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
</div>
  );
};

export default Slider;
Run Code Online (Sandbox Code Playgroud)

reactjs swiper.js

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

标签 统计

reactjs ×2

javascript ×1

react-redux-form ×1

swiper.js ×1