The 'function-as-child' component pattern is a design pattern in React where a component's children prop is a function. This allows the component to pass values and functions to its children dynamically.