Certainly.

If you want to pass instances of the component, what you're doing is fine except that you need to close those JSX tags:

{
  src: <SVGComponent1 />,
  ...

Or if you want to pass the component class/function itself:

{
  src: SVGComponent1,
  ...

It's not totally clear what you're trying to do in your usage, though -- what are you hoping to achieve by passing a component to the src attribute of an img tag?

Perhaps that's old code you forgot to update for passed components and you mean this:

  const slides = items.map((item, index) => {
      return (
        <CarouselItem
          onExiting={this.onExiting}
          onExited={this.onExited}
          key={index}
        >
          {item.src}
          <CarouselCaption captionText={item.caption} captionHeader={item.caption} />
        </CarouselItem>
      );
    });

This ought to work just fine when a component instance was passed.

Note I also changed the key attribute, since I'm not sure passing a component to that will work!

Have you consider using the new React Fragments? (in v16)

This would be the simplest solution as it would by pass the whole array/key issue.

If you need to pass key, then I'd suggest to simply require the components to have the keys. This is how React works, so I wouldn't suggest you to hide this behavior behind an interface that might not be predictable.

If you really need to do this, then you can use React.cloneElement to clone the element and inject new properties:

React.cloneElement(element, { key: 'foo' });

Seems like there is a typo in the for loop condition - i === totalWeeks, that's why the for loop is being run only once and only if totalWeeks equals 1. Try replacing the for loop you have with the following:

for (let i = shiftWeeks; i <= totalWeeks; i++) {...}

Sure it's possible to store them in an array. Remember that JSX is just syntactic sugar for regular Javascript — it's not magic and it's not a string, so no need to quote it.

const myComponents = [<Component1 />, <Component2 />];

The above JSX is just a shorter way of writing this:

var myComponents = [
  React.createElement(Component1, null),
  React.createElement(Component2, null)
];

The value you are returning in render is going to give you problems though.

mycomponents.map((component, index) => {
  // this will always return false
  // because objects are not numbers
  return component[index] === index;
});

This call to map is always going to return an array of false values. Which will throw errors if you try to render them.

Instead, you can just render the entire array of components.

return (
  <div>{ myComponents }</div>
);

You can map the list of stations to ReactElements.

With React >= 16, it is possible to return multiple elements from the same component without needing an extra html element wrapper. Since 16.2, there is a new syntax <> to create fragments. If this does not work or is not supported by your IDE, you can use <React.Fragment> instead. Between 16.0 and 16.2, you can use a very simple polyfill for fragments.

Try the following

// Modern syntax >= React 16.2.0
const Test = ({stations}) => (
  <>
    {stations.map(station => (
      <div key={station.call} className='station'>{station.call}</div>
    ))}
  </>
); 

// Modern syntax < React 16.2.0
// You need to wrap in an extra element like div here

const Test = ({stations}) => (
  <div>
    {stations.map(station => (
      <div className="station" key={station.call}>{station.call}</div>
    ))}
  </div>
); 

// old syntax
var Test = React.createClass({
    render: function() {
        var stationComponents = this.props.stations.map(function(station) {
            return <div className="station" key={station.call}>{station.call}</div>;
        });
        return <div>{stationComponents}</div>;
    }
});
 
var stations = [
  {call:'station one',frequency:'000'},
  {call:'station two',frequency:'001'}
]; 

ReactDOM.render(
  <div>
    <Test stations={stations} />
  </div>,
  document.getElementById('container')
);

Don't forget the key attribute!

https://jsfiddle.net/69z2wepo/14377/