Изменить визуализацию по умолчанию для реагирующего компонента, экспортированного из пакета узла - PullRequest
Новая
       15

Изменить визуализацию по умолчанию для реагирующего компонента, экспортированного из пакета узла

0 голосов
/ 09 сентября 2018

Я создал пакет, который экспортирует реагирующие компоненты. Для создания пакета я использовал накопительный пакет.

Теперь в приведенном ниже случае ParentComponent рендерит ChildComponent, но есть ли способ переопределить его рендеринг по умолчанию? 

const ChildComponent = () => {
    return <div>Hello</div>;
};

const ParentComponent = () => {
    return <ChildComponent />;
}

rollup.js 

import babel from 'rollup-plugin-babel';
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import { uglify } from 'rollup-plugin-uglify';
import replace from 'rollup-plugin-replace';
import json from 'rollup-plugin-json';

import copyFiles from "./rollup.copyfiles.plugin.js"

var config = {
  input: 'src/entry.js',
  external: ['react', 'prop-types', 'mobx', 'mobx-react', 'react-router', 'react-router-dom', 'arv-reactcomponents', 'react-recaptcha-google', 'isomorphic-fetch', 'react-native-uuid', 'es6-promise'],
  output: [{
    file: 'bundle/cjs/main.js',
    format: 'cjs',
    sourcemap: true
  }],
  plugins: [
    json(),
    resolve({
      jsnext: true,
      main: true,
    }),
    commonjs({
      include: 'node_modules/**'
    }),
    babel({
      babelrc: false,
      exclude: 'node_modules/**',
      "plugins": [
        "transform-runtime",
        "transform-decorators-legacy"
      ],
      "presets": [
        ["env", {
          "modules": false
        }],
        "es2017",
        "stage-0",
        "react"
      ],
      "runtimeHelpers": true
    }),
    replace({
      'process.env.NODE_ENV': JSON.stringify('production')
    }),
    copyFiles({
      input: 'src/component',
      output: 'bundle/component',
      matches: /.*\.scss$/
    }),
    copyFiles({
      input: 'src/mixins',
      output: 'bundle/mixins',
      matches: /.*\.scss$/
    })
  ]
}

export default config;
...