Разница синтаксиса в React для модуля экспорта

Question

В чем разница между двумя следующими синтаксисами и имеет ли это значение?

const Home = (props)=>{ 
    return (
    <div>Balbal {props.test}</div> 
) 
} 

**module.exports= Home;** 

const Home = (props)=>{ 
    return (
    <div>Balbal {props.test}</div> 
) 
} 

**export default Home** 

Answer 1

Первый из них является «старый» синтаксис экспорта используется RequireJS разделить объекты и функции. Второй - это более свежий синтаксис ES6 modules, встроенный в JavaScript.

Функционально они идентичны, но второй может считаться более идиоматическим, когда поддерживается.

Answer 2

1-й назван экспорт. Вы можете экспортировать классы или переменные, а export default используется для экспорта одного класса/переменной. См. Здесь для более https://developer.mozilla.org/en/docs/web/javascript/reference/statements/export