keystonejs/keystone-classic

TextArray field type causes client JS errors

Open

#4 412 ouverte le 8 août 2017

Voir sur GitHub
 (4 commentaires) (0 réactions) (0 assignés)JavaScript (14 656 stars) (2 288 forks)batch import
bughelp wanted

Description

Expected behavior

  1. No JS error when item is selected from Select field.
  2. Additionally dependsOn working when set in TextArray field.

Actual/Current behavior

  1. Error thrown: Uncaught TypeError: nextProps.value.join is not a function whenever item is selected from a Select field.
  2. TextArray field does not appear when dependency met.

Steps to reproduce the actual/current behavior

TestList.add({
	selection: { type: Types.Select, initial: true, required: true, options: 'a,b,c' },
	items: { type: Types.TextArray, initial: true, dependsOn: { selection: 'b' } }
});

Environment

Software Version
Keystone 4.0.0-beta.5
Node 8.2.1

Guide contributeur

Stack technique
javascriptreactnodejs
Domaine
frontendbackend
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
Basic knowledge of Keystone field typesFamiliarity with React admin UI
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60
Direction de recherche
Investigate the TextArray field component and the Select field component in the Keystone admin UI. The error 'nextProps.value.join is not a function' suggests that nextProps.value is not an array. Check how the value is passed from the Select field to the TextArray field. Also, examine the dependsOn logic to ensure the TextArray field appears when dependency is met. Relevant files are likely in the fields directory, such as 'fields/types/TextArray.js' and 'fields/types/Select.js'.