Get data from external API and show it in Select

SNPR · December 22, 2020, 1:13pm

Hello everyone!
Is it possible to create a component (for example react-select) with help of which I can choose an item from external API and save it my Strapi database.

For example:
I have external API with list of products.
Is it possible in Strapi to create custom field in collection, value of which I will choose with help of custom select inside of which will be list of products from external API?

System Information

Strapi Version: 3.4.0
Operating System: macOS
Database: SQLite
Node Version: 10.23.0
NPM Version: 6.14.8
Yarn Version: 1.22.10

SNPR · December 24, 2020, 11:46am

I implemented this feature with help of this article - https://www.paulgaumer.com/blog/how-to-create-a-color-picker-plugin-for-strapi-cms

In order to see custom field type value in the collection table I edited this file by adding new case for custom field name -

github.com

strapi/strapi/blob/master/packages/strapi-plugin-content-manager/admin/src/utils/getDisplayedValue.js

import { isEmpty, isNull, isObject, toLower, toString } from 'lodash';
import moment from 'moment';
import dateFormats from './dateFormats';

const getDisplayedValue = (type, value, name) => {
  switch (toLower(type)) {
    case 'string':
    case 'text':
    case 'email':
    case 'enumeration':
    case 'uid':
      return (value && !isEmpty(toString(value))) || name === 'id' ? toString(value) : '-';
    case 'float':
    case 'integer':
    case 'biginteger':
    case 'decimal':
      return !isNull(value) ? toString(value) : '-';
    case 'boolean':
      return value !== null ? toString(value) : '-';
    case 'date':

This file has been truncated. show original