我正尝试将共享组件传递给<View fixed>元素，但输出似乎缺少样式属性...
看起来子组件的样式被保留了，但是任何子组件都没有...
进一步的研究表明，即使对所有<View>、<Text>和style进行硬编码，也会导致嵌套元素被剥离...
React-PDF Repl

有没有什么原因会发生这种情况？有没有办法让我把风格包括在内？

const TableHeaders = () => (
    <TableRow>
        {['name', 'age', 'location'].map(label =>
            <TableCell>{label}</TableCell>)}
    </TableRow>
);

const TableRow = ({children}) => <View style={styles.row}>{children}</View>;

const TableCell = ({children}) => (
    <View style={styles.column}>
        <Text>{children}</Text>
    </View>
);

const FixedHeader = () => <View fixed render={() => <TableHeaders />} />;

const HardcodedHeader = () => (
  <View render={() => (
      <View style={styles.row}>
        {['name', 'age', 'location'].map(label => (
          <View style={styles.column}>
              <Text>{label}</Text>
          </View>
        ))}
      </View>
  )} />
)

const HardcodedHeaderWithHardcodedStyles = () => (
  <View render={() => (
      <View style={{
        flexDirection: 'row',
        backgroundColor: 'lightblue',
        borderRadius: 4,
        margin: '2px 0',
        padding: '10px 7px'
      }}>
        {['name', 'age', 'location'].map(label => (
          <View style={{
            margin: '0 5px',
            fontSize: 10,
            color: 'red'
          }}>
              <Text>{label}</Text>
          </View>
        ))}
      </View>
  )} />
)

const Quixote = () => (
  <Document>
    <Page style={styles.body}>
      <TableHeaders />
      <FixedHeader />
      <HardcodedHeader />
      <HardcodedHeaderWithHardcodedStyles />
    </Page>
  </Document>
);

const styles = StyleSheet.create({
  column: {
    margin: '0 5px',
    fontSize: 10,
    color: 'red'
  },
  row: {
    flexDirection: 'row',
    backgroundColor: 'lightblue',
    borderRadius: 4,
    margin: '2px 0',
    padding: '10px 7px'
  },
  body: {
    paddingTop: 35,
    paddingBottom: 65,
    paddingHorizontal: 35,
  }
});

ReactPDF.render(<Quixote />);