违反Native-base不变性。文本字符串必须在文本组件中呈现。

Question

我的代码出现了这个错误。

export default class AddExpensePage extends Component {
    render() {
        return (
            <Container>
                <Header>
                    <Title>Add Expense</Title>
                </Header>
                <Content>
                    <InputGroup borderType='underline' >
                        <Input placeholder='Item Name' />
                    </InputGroup>
                    <Button primary> Testing </Button>
                </Content>
            </Container>
        );
    }
}

这是他们官方文档中的代码。

export default class ButtonExample extends Component {
    render() {
        return (
            <Container>
                <Content>
                    // NativeBase default style
                    <Button> Click Me! </Button>
                </Content>
            </Container>
        );
    }
}

我不明白为什么会出现这个错误，因为我不需要把 "Testing "这个文本包在Text标签里？

Answer 1

你必须包裹在文本标签像。

<Content>
      <Button>
        <Text>Click Me!</Text>
      </Button>
</Content>

DOC