AMcoder - javascript, python, java, html, php, sql

React սխալ - բացակայում է հենակետերի վավերացման մեջ

Սա առաջին անգամն է, որ ես ստանում եմ այս սխալը, ես երբեք չեմ ունեցել այս սխալը իմ նախորդ react-app նախագծում, որը ես արել եմ երկու ամիս առաջ:

Սխալն ասում է.

Ես օգտագործել եմ eslint, որն ինձ ասում է այս տեսակի սխալը... պարզապես լրացուցիչ տեղեկությունների համար

սա App.jsն է.

import React from 'react';
import Column from './Column';
import { initialData } from './initial-data';

const App = () => {
  const [Data] = React.useState(initialData);

  React.useEffect(() => {
    console.log(Data);
  }, [Data]);

  return Data.columnOrder.map((dataId) => {
    const { tasks, columns } = Data;
    const column = columns[dataId];
    const tasksData = column.taskIds.map((taskId) => tasks[taskId]);

    return <Column key={column.id} column={column} tasks={tasksData}></Column>;
  });
};

export default App;

սա Column.js է՝ ---›, որից ես սխալ եմ ստացել

import React from 'react';
// import styled from 'styled-components';

// const Container = styled.div``;
// const Title = styled.h3``;
// const TaskList = styled.div``;

const Column = (props) => {
  const { title } = props.column;  --> 'error is in this line'

  return <p> {title} </p>;
};

export default Column;


  • Դուք հավանաբար ունեք կանոն, որը պահանջում է propTypes 21.07.2021
  • խնդրում եմ տեղադրել կանոն, որը նշում է նաև propTypes-ը 21.07.2021
  • Տեսեք այն. stackoverflow.com/ հարցեր/38684925/ 21.07.2021

Պատասխանները:


1

Կարծում եմ, խնդիրն այն է, որ eslint-ը ցանկանում է օգտագործել PropTypes:

Դուք պետք է Column բաղադրիչից հետո ավելացնեք նման բան (բայց ձեր հենարանների հատկություններով).

Column.propTypes = {
    column: PropTypes.shape({
        title: PropTypes.string
    })
};

Նաև մի մոռացեք տեղադրել prop-types:

21.07.2021
  • շնորհակալություն @Anton Neverov լուծման համար: Այն աշխատում է ինձ համար 21.07.2021
  • Ես երբեք չեմ տեղադրում prop-types, կարծում եմ, որ այն արդեն ներառված է react գրադարանում 21.07.2021
  • Նոր նյութեր

    Օգտագործելով Fetch Vs Axios.Js-ը՝ HTTP հարցումներ կատարելու համար
    JavaScript-ը կարող է ցանցային հարցումներ ուղարկել սերվեր և բեռնել նոր տեղեկատվություն, երբ դա անհրաժեշտ լինի: Օրինակ, մենք կարող ենք օգտագործել ցանցային հարցումը պատվեր ներկայացնելու,..

    Տիրապետել հանգստության արվեստին. մշակողի ուղեցույց՝ ճնշման տակ ծաղկելու համար
    Տիրապետել հանգստության արվեստին. մշակողի ուղեցույց՝ ճնշման տակ ծաղկելու համար Ինչպե՞ս հանգստացնել ձեր միտքը և աշխատեցնել ձեր պրոցեսորը: Ինչպես մնալ հանգիստ և զարգանալ ճնշման տակ...

    Մեքենայի ուսուցում բանկային և ֆինանսների ոլորտում
    Բարդ, խելացի անվտանգության համակարգերը և հաճախորդների սպասարկման պարզեցված ծառայությունները բիզնեսի հաջողության բանալին են: Ֆինանսական հաստատությունները, մասնավորապես, պետք է առաջ մնան կորի..

    Ես AI-ին հարցրի կյանքի իմաստը, այն ինչ ասում էր, ցնցող էր:
    Այն պահից ի վեր, երբ ես իմացա Արհեստական ​​ինտելեկտի մասին, ես հիացած էի այն բանով, թե ինչպես է այն կարողանում հասկանալ մարդկային նորմալ տեքստը, և այն կարող է առաջացնել իր սեփական արձագանքը դրա..

    Ինչպես սովորել կոդավորումը Python-ում վագրի պես:
    Սովորելու համար ծրագրավորման նոր լեզու ընտրելը բարդ է: Անկախ նրանից, թե դուք սկսնակ եք, թե առաջադեմ, դա օգնում է իմանալ, թե ինչ թեմաներ պետք է սովորել: Ծրագրավորման լեզվի հիմունքները, դրա..

    C++-ի օրական բիթ(ե) | Ամենաերկար պալինդրոմային ենթաշարը
    C++ #198-ի ամենօրյա բիթ(ե), Ընդհանուր հարցազրույցի խնդիր. Ամենաերկար պալինդրոմային ենթատող: Այսօր մենք կանդրադառնանք հարցազրույցի ընդհանուր խնդրին. Ամենաերկար palindromic substring...

    Kydavra ICAReducer՝ ձեր տվյալների ծավալայինությունը նվազեցնելու համար
    Ի՞նչ է ICAReducer-ը: ICAReducer-ն աշխատում է հետևյալ կերպ. այն նվազեցնում է նրանց միջև բարձր փոխկապակցված հատկանիշները մինչև մեկ սյունակ: Բավականին նման է PCAreducer-ին, չնայած այն..